在表格數據很多的情況下,會出現展示的列數過多而導致用戶查看數據非常麻煩。這時候我們可以用隱藏列來解決這個問題,下面來看一下代碼。
$(document).ready(function() {
$('#page').dataTable( {
"aoColumnDefs": [ { "bSearchable": false, "bVisible": false, "aTargets": [ 2 ] },
{ "bVisible": false, "aTargets": [ 3 ] } ]
} );
} );
可以通過初始化的方式來進行隱藏列,但是這種方式不靈活,有時候需要用戶來決定哪列顯示,哪列不顯示,需要動態的來執行。該插件為我們提供了如下的解決方式。
先進行表格的初始化操作。
$(document).ready(function() {
var myTable = $('#page').dataTable();
} );
然后在進行隱藏或者是顯示操作
myTable.column(0).visible(false)//將第一列的數據隱藏
myTable.column(1).visible(true)//讓第二列的數據顯示
這樣在初始化之后,再通過觸發事件就可以實現動態控制某列隱藏或者是顯示了。