datatables中表格列的隱藏和顯示


    在datatables中,當把表格整列隱藏時,用js是無法取得隱藏列的數據以及屬性,我們只能通過操作表格的列index才可操作表格列的隱藏或顯示。

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

    

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  });

 

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

 


免責聲明!

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



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