Question

我的页面上有四个用户选项，我使用数据表显示数据。在页面加载时，我显示包含9列的第一个选项的数据。我的第二个选项包含只需要4列的数据。我的第3个选项需要5列。

我不知道如何根据用户选择动态更改这些列号和列名

我从服务器以json格式获取此数据

有没有办法做到这一点？我正在使用jquery

这样做

我也尝试过选项：“aoColumns”，我已经将一个数组作为我的列名传递但是它没有用。

这是我的表格代码：

<table id="example" class="table table-striped table-bordered table-hover dataTable" aria-describedby="bTable2_info" style="width: 100%;">
        <thead>
        </thead>


      </table>

这是我的数据表属性代码：

var col = ['a','b','c','d','e','f','g','h','i'];
           oTable12= $('#example').dataTable({
           "aLengthMenu": [[5, 10, 20, -1], [5, 10, 20, "All"]],
           "iDisplayLength": 5,
           "aoColumns": col,
           });

谢谢

Answer 1

您可以使用API fnSetColumnVis（index，boolean）设置列的可见性。

Here is the demo

var dt1;
$(document).ready(function() {
    dt1= $("#t1").dataTable({
        aoColumns:[null,null,null,null,{bVisible:false}]
    });
});

$('#b1').on('click',function() {
   dt1.fnSetColumnVis( 1, false );
   dt1.fnSetColumnVis(3,false);
}
);

数据表网站有很多例子 - http://legacy.datatables.net/examples/

数据表根据服务器的结果显示列

1 个答案: