JQuery 多个显示/隐藏列 DataTables 无法正常工作答案

【问题标题】：JQuery multiple show/ hide column DataTables not properly workingJQuery 多个显示/隐藏列 DataTables 无法正常工作
【发布时间】：2022-01-22 13:41:06
【问题描述】：

我想用jquery在DataTables中用一个复选框显示/隐藏多个列，但是隐藏后这些列没有再次显示

<input type="checkbox" name="cbox" id="cbox1"> Show/Hide <br>

$('#cbox1').on('change', function(e){
        e.preventDefault();
        var column = table.columns([10,11]);
        column.visible( ! column.visible());
   }

jsfiddle example

【问题讨论】：

您需要分享更多与您的问题相关的代码。你用checkbox显示/隐藏，但是显示/隐藏的条件是column.visible(!column.visible());，合理吗？
是的。当它只有一列时，它可以正常工作
请提供minimal reproducible example

标签： jquery datatables

【解决方案1】：

我是这样做的：

    var table = $('table').DataTable();

    $('#cbox1').on('change', function(e){
        e.preventDefault();
        var column = table.columns([2,3]);

        // if checked hide else show
        if ($(this).is(":checked")) {
          column.visible(false);
        } else {
          column.visible(true);
        }
   })

【讨论】：