javascript - 在数据表中使用 column().visible() 隐藏列不起作用

Question

我用Django做了一个应用。在那个应用程序中，我想根据一个标志的选择隐藏数据表列。我已经尝试过 column().visible() 方法，但它不起作用。有什么建议吗？

我的代码是:

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

alert( 'Column index 0 is '+(table.column( 0 ).visible() === true ? 'visible' : 'not visible'));

table.column(0).visible( false );

alert( 'Column index 0 is '+(table.column( 0 ).visible() === true ? 'visible' : 'not visible'));

第二个警报显示为不可见，但列在前端是可见。 有没有更好的方法来隐藏列？如果是，请提出建议。

Answer 1

您可以尝试使用columnDefs

...
"columnDefs":
           [
               {
                   "targets": [0],
                   "visible": false,
                   "searchable": false,
               },
...

还要确保 DataTable 的responsive 参数设置为 false。

请注意，您可以将逻辑放入visible 参数，例如:

visible: data.yourflaghere === 1 ? true : false