2016-04-29 11 views
2

in datatablesすべての列を非表示にしたいが、構文が正しいとは思えない。datatables +すべての列を隠すボタン

これは、以下のコードと上記のリンクから、すべての列を表示するボタンを作成します。これを書いて、すべての列を非表示にする方法はありますか?

 { 
      extend: 'colvisGroup', 
      text: 'Show all', 
      show: ':hidden' 
     } 

コード:

$(document).ready(function() { 
    $('#example').DataTable({ 
     dom: 'Bfrtip', 
     buttons: [ 
      { 
       extend: 'colvisGroup', 
       text: 'Office info', 
       show: [ 1, 2 ], 
       hide: [ 3, 4, 5 ] 
      }, 
      { 
       extend: 'colvisGroup', 
       text: 'HR info', 
       show: [ 3, 4, 5 ], 
       hide: [ 1, 2 ] 
      }, 
      { 
       extend: 'colvisGroup', 
       text: 'Show all', 
       show: ':hidden' 
      } 
     ] 
    }); 
}); 

私は他の順列と、以下のようなものを試してみましたが、ない喜び、誰もがアドバイスすることができ、および/または私はドキュメントでそれを見つけるかもしれない方法をしています。私は0は、最初の列が表示されない理由はわからないが、

{ 
    extend: 'colvisGroup', 
    text: 'Show None', 
    visibility: false 
} 

答えて

0

これは、私のために働きました。それはまた、show: [],

{ 
extend: 'colvisGroup', 
text: 'Show None', 
show: [0], 
hide: ['*'] 
} 
0

列の数は、データテーブルにバインドし、一度に偽のすべての列の可視性を設定するかを決定するためにあなた最初の必要性空白のままに努めています。目に見える

var oTable = $('#example').DataTable(); 
var columnCounts = oTable.columns().nodes().length; 
for (var i=0; i<columnCounts; i++) { 
    oTable.fnSetColumnVis(i, false, false); 
} 
0
{ 
    extend: 'colvisGroup', 
    text: 'Show None', 
    hide: [':gt(1)'], 
    //show: [0, 1, 2], 
    //hide: [0, 1, 2], 
    //hide: ['*'] 
} 
これは私のために働いた

、唯一の2列...

関連する問題