Question

我有一个数据表，当用户点击按钮时，我希望能够显示和隐藏特定列。

当我使用响应式插件时，我在类none的列中声明默认隐藏它：

{
    name: "MyCol",
    className: "none"
}

因此，点击我的按钮，我会尝试显示列：

$("#tblPPMTLines").DataTable().column(-1).visible(true);

这项工作按计划进行，但只要视口改变（大或小），响应式插件就会启动并重新隐藏列。

有没有办法隐藏和删除响应式数据表中的列？

Answer 1

我最终找到了答案。

使用响应式插件时，通过.column(ID).visible(true|false)设置可见性是没有用的。

您必须更改标题的类并重建数据表：

$(table.column(ID).header()).addClass( 'never' );
// OR
$(table.column(ID).header()).removeClass( 'never' );

table.responsive.rebuild();
table.responsive.recalc();

资料来源：https://datatables.net/reference/api/responsive.rebuild()

感谢Deepak Biswal让我再看一下我的链接（太快了？）被解雇了： - ）

数据表响应 - 显示和隐藏列

1 个答案: