jquery datatable隱藏和顯示列


在表格數據很多的情況下,會出現展示的列數過多而導致用戶查看數據非常麻煩。這時候我們可以用隱藏列來解決這個問題,下面來看一下代碼。
$(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)//讓第二列的數據顯示
這樣在初始化之后,再通過觸發事件就可以實現動態控制某列隱藏或者是顯示了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM