javascript - 如何隐藏或显示在 javascript 中使用数据表创建的表的列？

Question

当数据表的源是javascript时，你知道如何隐藏或显示列吗？

显示或隐藏列的方法

 table = $('#example').DataTable();
var col = table.column("0").visible(false);

当数据源直接变成html时工作

<table id="example" class="row-border hover">
        <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Tiger Nixon</td>
                <td>System Architect</td>
                <td>Edinburgh</td>
...          

但是当 DataTable 有 javascript 源时它不起作用并启动错误

 var table = $('#example').dataTable({
                   "data": source,
                    "columns": columns,
                    "columnDefs": defs
    });


 var col = table.column("0").visible(false);//ERROR!

请问您知道如何使用 javascript 源隐藏数据表的列吗？

Answer 1

尝试这样的事情，

var table = $('#example').dataTable({
  "data": source,
  "columns": columns,
  "columnDefs": [
  {
    "targets": [ 0 ],
    "visible": false,
  },
  "fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull )     
  {
    $('td:eq(0)', nRow).hide();
  }
});

已更新。尝试添加 fnRowCallback。谢谢!