手册

DataTables 声明的目标是“增强 HTML 表格中数据的可存取性”。为了达成此目标,我们了解到 DataTables 有两类用户会与软件界面进行互动

  • 最终用户——那些在浏览器中使用您使用 DataTables 创建的界面的用户
  • 开发人员——您自己以及其他将 DataTables 与您合作开发应用程序、网站、服务等内容的开发人员。

最终用户需要尽可能快速地从表格中获取有用的信息,而 DataTables 内建了排序、搜寻和分页等功能,以实现此目标。本文件并未详细说明最终用户如何使用该界面,我们假设这些控制是显而易见的(例如在搜寻输入框中输入内容,然后在表格中搜寻)。

本文档重点介绍的是您——正在使用 DataTables 的开发人员——需要了解的信息,以便您能够在应用程序中使用 DataTables,根据您的确切需求进行自定义,让最终用户受益于 DataTables 为他们提供的功能。因此,本文件涵盖了如何首次在您的网站上安装 DataTables、说明如何为其创建的表格提供数据来源以及如何自定义最终用户界面,直到更高级别的主题,例如如何创建适用于 DataTables 的插件,以进一步增强其功能并与应用程序无缝集成。

虽然 DataTables 提供给最终用户和开发人员的界面当然完全不同,但每个界面对于 DataTables 来说都同等重要,以实现其目标,确保每个人都能快速且有效地访问和使用 HTML 表格中的数据。

DataTables 手册

安装

如何在网页上安装并运行 DataTables。本节详细说明了 DataTables 对您 HTML 表格的要求、增强表格所需的包含文件、如何纳入这些文件以及如何运行 DataTables。您将在不到两分钟的时间内启动并运行! 阅读更多 »

数据

数据很复杂且每个数据都不一样。因此,DataTables 拥有大量选项,可用于配置如何获取要在表格中显示的数据及如何处理这些数据。本手册此部分介绍了配置 DataTables 从数据源读取数据的选项。了解更多 »

Ajax

本手册此部分详细介绍了如何使用 JSON 数据源将 Ajax 来源数据加载到 DataTables 中。这主要包括两项任务——数据行数组在 JSON 中的位置以及每列要使用的 data point。了解更多 »

选项

DataTables 提供大量的选项,可用于自定义其向终端用户呈现界面和功能的方式。本手册此部分介绍了如何执行这种配置。本网站的选项参考部分显示了可用的选项的完整列表。了解更多 »

API

DataTables API 呈现了大量选项,可用于访问表中包含的数据以及以编程方式操作表。这些功能涵盖从选择行、列和单元格到获取和设置其数据,再到更改列可见性以及动态地向表中应用搜索词。了解更多 »

搜寻

搜索是 DataTables 及其实现数据可访问性的目标中的关键部分。因此,它内置了许多搜索功能,还提供了自定义搜索和 API 的选项,以允许高级和具体情况下的搜索操作。本文档将详细讨论如何执行 DataTables 中的搜索。了解更多 »

样式

以适合您设计的样式为 DataTables 增强型表格设置样式非常重要,这样表格才能与您网站/应用程序的其余部分无缝衔接。为此,DataTables 提供了大量选项来设置表格的样式,包括其可自定义的 CSS、与 Bootstrap 和 Foundation 等 CSS 框架集成以及预置主题。了解更多 »

事件

知道 DataTables 何时执行操作通常在复杂且动态的 web 应用程序中起着重要作用。出于此原因,DataTables 将触发自定义 DOM 事件,可以使用jQuery 的 on()方法和dt命名空间来侦听这些事件。了解更多 »

服务器端处理

服务器端处理允许 DataTables 直接利用数据库引擎的能力和强大功能,以使其执行繁重的订购、搜索和分页数据工作。这通过让 DataTables 显示的每一页执行 Ajax 调用来完成,而且适合极大型数据集。了解更多 »

国际化

DataTables 在增强表格时会向文档添加多个控件,其中许多控件以某种方式利用语言字符串向终端用户传达用法。这些默认字符串为英语,但可以轻松翻译成另一种语言或自定义字符串。社区提供了 50 多种翻译版本,可供使用。了解更多 »

安全性

安全性是 web 开发中一项基本主题,且从实习生到 CTO,任何开发者都不应忽视该主题。高调黑客案件经常见诸世界各地头条,但通过仔细思考和规划,您可以快速创建安全的应用程序。本页讨论了与 DataTables 直接相关的 web 安全攻击,以及如何对其进行攻击的方法。了解更多 »

React

React 是一个广泛用于创建反应式 web 应用程序的 Javascript 库。我们发布了datatables.net-react,该包提供了 DataTables,可作为 React 应用程序中的组件使用。了解更多 »

Vue

Vue.js 是一个前端 Javascript 框架,广泛用于创建响应式 Web 应用程序。我们发布了 datatables.net-vue3,该包提供 DataTables 以在 Vue3 应用程序中用作组件。 了解更多 »

插件开发

就像 DataTables 一样灵活,您可能有时希望根据自己的特定需求自定义某些方面。DataTables 具有本节详细说明的许多插件和扩展选项。 了解更多 »

技术说明

技术说明包含有关 DataTables 的信息,这些信息不完全符合其余文档的流程,它解释了错误消息、有关 DataTables 实现的技术决策以及在使用 DataTables 时其他感兴趣的常规主题的详细说明。 了解更多 »

开发

作为开源软件,DataTables 对您研究其源代码是免费的,我非常鼓励您这样做,并将您所做的任何更改贡献回项目,以便其他人也可以受益。本手册的这一部分描述了您如何从源代码构建 DataTables、贡献代码以及 DataTables 的计划路线图。 了解更多 »