2016-04-14 40 views
0

私は9列のデータテーブルを持っています。私は次の2つの機能を使用して、テーブルの特定の列を表示/非表示にしています。jquery datatables列の表示/非表示が間違った選択を追加

function fnShow(iCol) 
     { 
      var oTable = $('#companies').dataTable(); 
      oTable.fnSetColumnVis(iCol, true); 

     } 

     function fnHide(iCol) 
     { 
      var oTable = $('#companies').dataTable(); 
      oTable.fnSetColumnVis(iCol, false); 

     } 

そして、これは、特定の条件に基づいて/非表示を表示するには、これらの関数を呼び出しています方法です:

if(document.getElementById("type").value=='Dispensary Sick Bay') 
     {fnShow(9);} 
    else 
     {fnShow(2);fnShow(3);fnShow(4);fnShow(5);} 

if(document.getElementById("type").value=='Dispensary Sick Bay') 
    {fnHide(9);} 
     else 
    {fnHide(2);fnHide(3);fnHide(4);fnHide(5);} 

私は列2を非表示にしたときに今の問題があり、図3、図4、図5に示すように、EDITABLEの関連するドロップダウンリストは、現在許容できる6,7,8,9列目に表示されます。:/

私はネット上でそれをたくさん検索しましたが、1つの関連する投稿も見つかりませんでした。 :o

皆さんからの解決策を見て欲しいです。

よろしくお願いいたします。私は若干異なるそれを行うと私の作品

+0

わからないのではなく、したくないものを隠すが、第三の再描画のDataTableを試してみてくださいすべて表示し引数、 'oTable.fnSetColumnVis(iCol、false、true);'恐らく、おそらく? – jeetaz

+0

3番目の値はスキップされた場合、デフォルトでtrueになります。しかし、私は「真実」で試しましたが、どちらもうまくいきませんでした:/私の悪いこと.... –

+0

誰かが答えますか? :/ –

答えて

0

...

私は、ちょうど私は2つの機能

var oTable = $('#companies').dataTable({ 
    "columnDefs": [ 
    { 
     "targets": [ iCol ], 
     "visible": false 
    } 
    ] 
}); 
+0

"columnDefs"はdataTableで動作しません。それはDataTables用です。 –

+0

あなたは 'DataTables'をタグ付けしました! –

+0

タグはdatatablesで、コードはそのdataTablesを示します。 :)お寄せいただきありがとうございました。 –

関連する問題