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