javascript - jQuery数据表立即隐藏列

Question

我让 jQuery 数据表隐藏列功能正常工作。以下代码将隐藏表格的第二列:

HTML

<a href="#" class="btn toggle-vis" data-column="1" id="hideColumn">Show/Hide</a>

JS

$(document).ready(function()
{
  var table = $('#example1').DataTable();

  $('a.toggle-vis').on('click', function(e)
  {
    e.preventDefault();
    var column = table.column($(this).attr('data-column'));
    column.visible( ! column.visible());
  });
}

我想做的是在用户第一次进入页面时隐藏该列。该列仅在单击时才会显示。

如何调整代码才能达到这种效果？

Answer 1

您需要使用columnDefs

尝试:

var table = $('#example1').DataTable(
{
    "columnDefs": [
        {
            "targets": [ 2 ],
            "visible": false
        }
    ]
} );

编辑

我不知道为什么这不起作用。在这里添加代码，因为在注释中没有很好地显示。 试试这个:

var table = $('#example1').DataTable(); 
table.column(1).visible(false);