jquery dataTable动态显示列

最新推荐文章于 2021-11-11 20:56:44 发布

liusarazhang

最新推荐文章于 2021-11-11 20:56:44 发布

阅读量2.2k

点赞数 1

分类专栏： web开发文章标签： jquery dataTable

本文链接：https://blog.csdn.net/liusarazhang/article/details/102580551

版权

表格：<table id="table"> <thead> <tr> <th>x1</th> <th>x2</th> <th>x3</th> <th>x4</th> ...

摘要由CSDN通过智能技术生成

表格：

<table id="table">
   <thead>
      <tr>
        <th>x1</th>
        <th>x2</th>
        <th>x3</th>
        <th>x4</th>
        <th>x5</th>
        <th>x6</th>
        <th>x7</th>
        <th>x8</th>
     </tr>
   <thead>
   <tbody>
   </tbody>
</table>

js片段，注意在fnDrawCallback事件中获取数据，根据数据的某些属性控制列（通过class）的显示。

不能在initComplete中控制列的属性，翻页失效且第二次加载数据时无法触发。

table = $('#table').DataTable({
    serverSide: true,
    ajax:{
        type:"post",
        url:"xx",
        data:function(){
         
        },
    columns:[
        {"data":'x1',"sclass":"c1"},
        {"data":'x2',"sclass":"c1"},
        {"data":'x3