2013-11-15 64 views
1

是否有可能在fly.I更改數據表列設置值,需要動態地隱藏某些列在調用一些methods.Already嘗試這樣的事:更改jQuery的數據表中的列設置值

 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中號

回答

2

有已爲此,ColVis創建了一個數據表插件。如果你不想使用插件,你可以看看源代碼,看看他們是如何做到的。

+1

花了一些時間尋找cource代碼:https://github.com/DataTables/ColVis –