Angularjs 角度数据表隐藏列

我愿意从用户视图中隐藏一些列（实际上是索引为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')
            ];

在

html中，我定义空

：

没有工作，列仍显示

另外，从（id=0）到（id=5）的所有列填充整个表格宽度（每个

都有css

宽度设置）

p.p.S.我不想使用
responsive:true
选项显示列。
使用ng show指令显示和隐藏元素，但将其保留在DOM中。
可能不是最佳解决方案，但我通过设置如下类实现了这一点：

$scope.dtcolumns[0].visible = false

$scope.dtColumns = [
    DTColumnBuilder.newColumn('hiddencol').withClass('hiddencol'),
    ...
]

然后，使用CSS隐藏它

.hiddencol {
    display: none;
}

可见的数据表API：column（）.visible（）

参考链接：

示例代码：
DTColumnBuilder.newColumn（“ColumnName”）.withTitle（“column title”）.withOption（'visible'，false），
如果您正在处理类型脚本文件，
你可以这样做

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

创建JSFIDLE或者在这里做一个完整的例子。你看了ng show指令了吗？@epitka
ng show
成功了。你能对答案发表评论吗？我愿意接受itAngular文档中有示例。如何在ajax数据表中实现这一点？@JaiKumaresh在“columnDefs”中添加“visible”：false。这是column的工作方式，但如果我们使用
with lightColumnFilter（）
函数，则过滤器不会隐藏。有一种方法可以做到这一点吗？最好的专业方法，在定义
dtOptions:this.dtOptions={order:[1，'asc']，columnDefs:[{“targets”：[3]，“visible”：false}}时使用Angular 5尝试好极了！
$scope.dtColumns = [
    DTColumnBuilder.newColumn('hiddencol').withClass('hiddencol'),
    ...
]

.hiddencol {
    display: none;
}

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