我正在使用Datatable-JQuery的表插件-如下所示:

$('#my_table').DataTable({
    ...,

    "aoColumns": [
        {"bSortable": false,
            render: function (data, type, row, meta) {
                return meta.row + meta.settings._iDisplayStart + 1;
            }
        },
        {"bSortable": false},
        {"bSortable": false},
        {"bSortable": false},
        {"bSortable": true, bVisible:false}, /* to hide */
        {"bSortable": false},
    ],
    ...
});


在代码中可以看到,第5列是隐藏的。我想在单击按钮时显示此列。谁能帮我实现这一目标?

提前致谢。

最佳答案

您可以如下所示隐藏/显示该列:

$("#btn").click(function() {
    var table = $('#my_table').DataTable();
    table.column(4).visible(true);
});


另一种方法是

$("#btn").click(function() {
    var table = $('#my_table').DataTable();
    table.fnSetColumnVis( 4, true );
});

10-06 10:18