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

相关文章
相关标签/搜索