datatables中表格列的隱藏和顯示

    在datatables中,當把表格整列隱藏時,用js是沒法取得隱藏列的數據以及屬性,咱們只能經過操做表格的列index纔可操做表格列的隱藏或顯示。this

    沒注意看官方文檔,覺得類和data-column屬性是加入表格th中,其實並非,是加入要進行操做的列表項,經過對列表項進行監聽來顯示及隱藏列。spa

    

1 //顯示隱藏列,toggle-vis類加在要進行操做的列表項中,監聽列表項,data-column是列的index
2  $('.toggle-vis').on('change', function (e) { 3  e.preventDefault(); 4       console.log($(this).attr('data-column')); 5       var column = table.column($(this).attr('data-column')); 6        column.visible(!column.visible()); 7  });

 

     仍是小白,走了不少彎路,記一次愚蠢的浪費時間的錯誤,下次要注意看文檔。code

相關文章
相關標籤/搜索