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 支持的其他样式库完全集成