更改 jquery 数据表列设置值

Change jquery datatable column settings value

本文关键字：设置 数据表 jquery 更改      更新时间：2023-09-26

是否可以动态更改数据表列设置值。我需要在调用某些方法时动态隐藏一些列。已经尝试过这样的事情：

     var columns = [{ "bVisible":    true,  "sTitle": "Date" },
                    {"bVisible":    true, "sTitle": "Time" }];
     var myTable= $('#myTable').dataTable({
     "bPaginate": false,
     "bFilter": true,
     "sScrollY": "150px",
     "bRetrieve": true,
         "bProcessing": false,
         "bServerSide": false, 
         "aoColumns": columns,
         'bAutoWidth': false,
         "fnRowCallback": function( nRow, aData, iDisplayIndex ) {
          },
    });
    for(var i=0; i<10; i++ {
          myTable.fnAddData(['xxxx','yyyy']);
    }
    $("#hideDate").change(function() {
        myTable.fnSettings().aoColumns[0].bVisible = false;
     });

调用hideDate更改方法后，我收到此js错误类型错误：o.aoColumns[iVis] 未定义 nThs[i].style.width = o.aoColumns[iVis].sWidth;

请给出一些想法来解决此问题。我需要动态更改数据表列的可见性。

问候普拉萨特·

为此创建了一个数据表插件，ColVis。如果您不想使用该插件，您可以查看源代码并了解他们是如何做到的。

相关文章：