下载
获取 DataTables 用于项目中的最佳方法取决于您的编程环境。下面的下载生成器提供了一种简单的方法,可用于构建您自己的 DataTables 自定义包,该包仅包含您需要的软件,并提供在 DataTables CDN 上托管、本地下载包或通过包管理器(如 npm、yarn 或 NuGET)进行安装的选项。
如果您要升级此下载生成器创建的旧版本 DataTables CDN 或下载文件,并且想对最新版本使用相同的构建选项,请查看 JS 文件头,您将找到一个会自动选择所需选项的 URL。
步骤 1. 选择一个样式框架
DataTables 的默认样式。
v2.1.8
Bootstrap 的传统版本,如果需要支持旧浏览器,则非常有用。
v3.3.7
可能是全球使用最广泛的样式库的版本 4。
v4.6.0
流行的 Bootstrap 框架的最新迭代。
v5.3.0
基于 Flexbox 的现代 CSS 框架
v1.0.1
一个现代的响应式样式框架。
v6.4.3
Javascript 小部件的集合以及一个样式框架。
v1.13.2
将单词和类视为可交换的概念。正式的语义 UI。
v2.8.8
步骤 2. 选择包
DataTables 需要 jQuery。如果您已经拥有该版本,则不要选择任何一个版本。
v3.7.0
用于与旧版浏览器兼容。jQuery 3 需要 IE9 及更高版本。
v1.12.4
如果您页面上已经有了 _STYLE_,则不要选择。
使用高级交互控件增强 HTML 表格。
v2.1.8
为您的 DataTables 添加全面的编辑控件。
编辑器是 DataTables 的商业扩展,使用超过免费试用期需要许可证。请创建账户或登录才能在包中包含编辑器。
v2.3.2
扩展
类似 Excel 的点击拖曳复制和填充数据。
v2.7.0
最终用户按钮用于控制列可见性。
v3.1.2
从表格数据中复制到剪贴板并创建 Excel、PDF 和 CSV 文件。
v3.1.2
Excel HTML5 导出按钮必备。
v3.10.1
PDF HTML5 导出按钮必备。
v0.2.7
将显示表格的可打印视图的按钮。
v3.1.2
点击并拖动列重新排序。
v2.0.4
用于 DataTables 的 Editor、SearchBuilder 和其他组件中日期选择器。
v1.5.4
在滚动表格的左侧或右侧固定一个或多个列。
v5.0.4
表格的固定表头和/或表尾。
v4.0.1
表格中单元格的键盘导航,就像电子表格一样。
v2.12.1
根据浏览器大小动态显示和隐藏列。
v3.0.3
按自定义数据点将类似数据显示在同一组中。
v1.5.1
点击并拖动重新排列行。
v1.5.0
对用于大型数据集的滚动表格进行虚拟渲染。
v2.4.3
用户定义复杂搜索生成器。
v1.8.1
DataTables 的搜索面板,实现快速且可自定义筛选。
v2.3.3
添加表格的行、列和单元格选择功能。
v2.1.0
保存并恢复 DataTables 状态。
v1.4.1
步骤 3. 选择下载方法
- CDN
- 下载
- NPM
- Yarn
- Bower
- NuGet
- Composer
DataTables CDN 提供了一种便捷的方式来快速开始使用 DataTables。DataTables 软件托管在 CDN 上(由 CloudFlare 提供技术支持),您只需要按照下列指示包含 HTML 和 CSS 文件。
使用最小化文件以实现较小的文件大小和更快的下载速度。
当选择 Editor 时,CDN 选项不可用。
如需将 Editor 与 CDN 文件一起使用,请取消选择 Editor,并 单独下载 Editor 进行本地文件包含。或者,单击上方的下载标签以同时下载所有文件,或使用 NPM 包管理器。
上面显示的 link
和 script
标签所需文件可以使用下面的按钮下载。下载的软件包为一个 zip 文件,应解压并上传到您的网络服务器。
下载文件
使用以下方法在您自己的软件包中安装选中的软件
请注意,DataTables 及其所有扩展包都随附 TypeScript 类型定义,如果您正在使用 TypeScript,将会自动检测并使用这些定义。
Editor NPM 包可从我们的私有注册表中获取,在使用前您需要设置验证。请 参阅此处的文档 了解如何执行此操作以及查找您的访问密钥。
ES 模块
要使用 ES 模块加载器(例如最新版本的 Node.js、Vite、ESBuild 等)选择上述软件,请使用以下 import 语句
CommonJS
如果您使用 CommonJS 作为 JavaScript 加载器,请使用以下代码来“require”模块(参阅 Node.js/NPM 安装文档,以详细了解如何将 DataTables 与模块加载器配合使用)
安装
使用以下内容在您的软件包中安装选定的软件
Editor NPM 包可从我们的私有注册表中获取,在使用前您需要设置验证。请 参阅此处的文档 了解如何执行此操作以及查找您的访问密钥。
ES 模块
要使用 ES 模块加载器(例如最新版本的 Node.js、Vite、ESBuild 等)选择上述软件,请使用以下 import 语句
CommonJS
如果您使用 CommonJS 作为 JavaScript 加载器,请使用以下代码来“require”模块(参阅 Node.js/NPM 安装文档,以详细了解如何将 DataTables 与模块加载器配合使用)
Bower 是一个流行的客户端程序包管理器,尽管它现在已被 npm/yarn 取代,但一些较旧的项目仍然使用它。
安装
Nuget 是 .NET 应用程序的包管理器,DataTables 包在此处托管,便于将其轻松集成到 .NET 项目中。
请注意,Editor 当前不可在 NuGET 上获取。请直接下载文件并在本地引用,或使用 npm 包。
安装
Composer 是用于 PHP 的依赖管理工具。这些包通过 Packagist(主要的 composer 存储库)托管并通过 Composer 提供。
请注意,Editor 当前不可在 NuGET 上获取。请直接下载文件并在本地引用,或使用 npm 包。
安装