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>

我的问题是我想在上面的代码中添加额外的按钮以显示全部并隐藏所有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>',

结果：https://jsfiddle.net/cmedina/7kfmyw6x/47/

如何添加全部显示并在colvis代码中隐藏全部

1 个答案: