angularjs - Angular 数据表隐藏列

Question

我愿意从用户 View 中隐藏一些列(实际上来自索引为 6 的列下方的示例)，但仍希望将它们放在 DOM 中以使搜索访问这些值。

我用 DTColumnDefBuilder :

$scope.dtColumnDefsTabs = [
                DTColumnDefBuilder.newColumnDef(0).notSortable(),
                DTColumnDefBuilder.newColumnDef(1),
                DTColumnDefBuilder.newColumnDef(2).withOption('orderDataType', 'content-categories'),
                DTColumnDefBuilder.newColumnDef(3).withOption('orderDataType', 'markers'),
                DTColumnDefBuilder.newColumnDef(4).notSortable(),
                DTColumnDefBuilder.newColumnDef(5).notSortable().withClass('no-background-image'),
                DTColumnDefBuilder.newColumnDef(6).withOption('visible', 'false')
            ];

在 <thead> html 我定义为空 <td> :

<th></th>

并在<tbody>中添加数据:

<td>{{ entry.device.device }}</td>

所以我尝试了所有我能找到的可能性:

DTColumnDefBuilder.newColumnDef(6).withOption('visible', 'false')

DTColumnDefBuilder.newColumnDef(6).withOption('visible', false)

$scope.dtColumnDefsTabs[6].visible = false;

DTColumnDefBuilder.newColumnDef(6).notVisible()

没有任何效果，该列仍然显示。

P.S. 从 (id=0) 到 (id=5) 的所有列填充整个表格宽度(每个 <td> 都有一个 css width 设置)

P. P. S. 我不想显示带有 responsive: true 的列选项。

Answer 1

可见数据表 API :列()。可见()；

引用链接 :https://datatables.net/reference/api/column().visible()

示例代码 :
DTColumnBuilder.newColumn("columname").withTitle("column title").withOption('visible', false),