jquery - 单击数据表中的按钮显示列

Question

我正在使用 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},
    ],
    ...
});

正如代码中所见，第五列被隐藏。我想通过单击按钮来显示此列。谁能帮我实现这个目标吗？

提前致谢。

Answer 1

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

$("#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 );
});