追加するにはすべてを表示し、すべてを非表示にします。

Question

私はこのコードをcolvisから持っています。それは正常に動作します。

<script> 
$(document).ready(function() { 
    var table = $('#record_fpa1').DataTable({ 
      "sDom": 'R<"H"lfr>t<"F"ip>', 
        "bJQueryUI": true, 
        "sPaginationType": "full_numbers" 
    }); 
    var colvis = new $.fn.dataTable.ColVis(table); 
    $(colvis.button()).insertAfter('div.info'); 

});   
</script> 

私の問題は、上記のコード内にshow allを追加し、すべてのcolvisデータテーブルを非表示にしたいのですが、動作しません。コードは以下の通りです：

$(document).ready(function() { 
    $('#example').DataTable({ 
     dom: 'C<"clear">lfrtip', 
     columnDefs: [ 
      { visible: false, targets: 2 } 
     ], 
     colVis: { 
      restore: "Restore", 
      showAll: "Show all", 
      showNone: "Show none" 
     } 
    }); 
}); 

上記のコードを最初のコードに結合するには？

colVis: { 
    restore: "Restore", 
    showAll: "Show all", 
    showNone: "Show none" 
} 

Answer 1

あなたがたDataTableのDOMに手紙Cを追加する必要があり、この手紙はColvisを示すために参照：

"sDom": 'CR<"H"lfr>t<"F"ip>', 

結果：私は、PHPのコードでこれを使用https://jsfiddle.net/cmedina/7kfmyw6x/47/