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

     还是小白,走了很多弯路,记一次愚蠢的浪费时间的错误,下次要注意看文档。

猜你喜欢

转载自www.cnblogs.com/echospace-/p/9235330.html
今日推荐