首页 > 解决方案 > 使用 Datatables 列可见性和 stateSave 时如何保留或调用外部复选框状态

问题描述

我希望通过复选框保留用户在数据表中的列选择。Datatables saveState对表格做得很好,但我的外部复选框不在该功能中。

此图像是所需的效果。(重复按钮文本无关。)这些是引导复选框。我希望当用户回来并加载表格保存状态时,标记适当的框以显示其他列可显示的内容。

复选框列可见性

$('a.toggle-vis').on( 'click', function (e) {
    e.preventDefault();

    // Get the column API object
    var column = table.column( $(this).attr('data-column') );

    // Toggle the visibility
    column.visible( ! column.visible() );
} );

我从上面的 Datatables代码开始,但我不知道如何将这些框与 stateSave 相关联。是否有 Datatables 解决方案或正在寻找自定义解决方案?

标签: javascriptjquerydatatables

解决方案


推荐阅读