KeyTable

在 DataTable 中进行电子表格导航可提供一个有吸引力和快速的输入接口,并且对于那些精通 Excel、OpenOffice 或类似软件的用户来说非常熟悉,而这些用户现在正在过渡到基于 Web 的应用程序。

KeyTable 为 DataTables 添加了键盘导航功能,其操作方式与传统的电子表格应用程序完全相同。结合使用自动填充编辑器的内联编辑来创建真正的类似电子表格的环境。此外,使用按钮的键盘无障碍功能可以使用键盘访问完全可编辑的 DataTable。

下载

获取和使用 KeyTable 最简单的方法是使用DataTables 下载构建器,你可以在其中选择你希望在页面上使用的软件,并为您创建和托管一个 JavaScript 和 CSS 文件。

或者,单独文件可以包含在你的页面中,下载发布包克隆 GitHub 上的源代码管理存储库

初始化

KeyTable 可以在两种不同的情况下进行初始化和使用

  • 作为带有keys配置选项的 DataTables 构造函数的一部分
  • new 构造函数

在 DataTables 中

可以通过在 DataTables 选项对象中使用keys选项在 DataTable 上初始化 KeyTable - 这仅仅是一个布尔值,尽管也可以使用一个对象来设置初始焦点(查看参考文档

$('#myTable').DataTable( {
    keys: true
} );

构造函数

或者,可以使用带有$.fn.dataTable.KeyTable函数的 JavaScript new 关键字在构建表后向表中添加 KeyTable。此函数需要两个参数

  1. 要将按钮应用到的 DataTable 实例
  2. KeyTable 选项(这与keys选项可用的选项相同)。
var table = $('#myTable').DataTable();

new $.fn.dataTable.KeyTable( table, {
    // options
} );

请注意,当使用此初始化方法时,KeyTable 的事件和 API 方法仍使用 DataTables API 访问,而 KeyTable 会对其进行扩展以满足其需求。

功能

主要功能包括

  • 易于使用的电子表格式交互
  • 与 DataTables 完全集成
  • 内置对 Editor 的支持
  • 易于使用的事件
  • 支持 DataTables 支持的 Bootstrap、Foundation 和其他样式框架。