StateRestore

StateRestore 扩展了 DataTables 的 stateSave 选项,允许随时保存和重新加载多个状态。您还可以自定义每个已保存状态中存储哪些 DataTables 元素。

这对于快速轻松地恢复到以前设置非常有用。这些状态可以本地保存或通过 ajax 保存。还可以设置将针对所有用户显示的预定义状态。

下载

获取和使用 StateRestore 的最简单方法是使用 DataTables 下载构建器,您可以在其中选择要在页面上使用的软件,并创建一个仅供您托管的 Javascript 和 CSS 文件。除了选择 StateRestore 包,您还必须添加依赖的 Buttons 包。

或者,可以在页面中包含 单个文件下载发行包 或通过 在 GitHub 上克隆源代码控制存储库

初始化

如果您在页面中包含 StateRestore 扩展,则该扩展将自动对页面上的每个 DataTable 都可用。它通过 Buttons 使用,并且对 StateRestore 的配置位于各种 StateRestore 按钮配置对象中。

// Simple initialisation:
new DataTable('#myTable', {
    layout: {
        topStart: {
            buttons: ['createState', 'savedStates']
        }
    }
});

// Or, with configuration options:
new DataTable('#myTable', {
    layout: {
        topStart: {
            buttons:[
                'createState',
                {
                    extend: 'savedStates',
                    config: {
                        // config options here
                    }
                }
            ]
        }
    }
});

简单的初始化将自动在表上启用 StateRestore。一些自定义选项包括预定义状态、对各种模式的控制,以及哪些 DataTables 元素会被保存。有关可用选项的完整详细信息,请参阅 参考文档

特性

StateRestore 增加了以下特性

  • 高级状态保存功能
  • 保存和重新加载无限数量的状态
  • 允许用户选择要保存哪些 DataTables 元素
  • 针对所有用户的预定义状态
  • 完全可国际化
  • 与 Bootstrap、Foundation 和 DataTables 支持的其他样式库完全集成