更改jquery数据表列设置值

时间:2013-11-15 12:17:23

标签: javascript jquery

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

     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错误 TypeError:o.aoColumns [iVis]未定义     nThs [i] .style.width = o.aoColumns [iVis] .sWidth;

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

此致 Prasath M

1 个答案:

答案 0 :(得分:2)

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