Bootstrap 5

Bootstrap 5 是经典 CSS 框架的下一代产品，可让你快速轻松地构建具有统一外观的 UI。DataTables 为 Bootstrap 5 提供了完全集成，以便 DataTables 与网站其他部分相匹配并具有相同的外观和感觉。

Bootstrap 5 为 HTML 表格的样式提供 多种选项，让你在确保表格美观的同时灵活调整表格。DataTables/Bootstrap 集成确保你可以使用所有这些功能，以及 DataTables 对普通 HTML 表格所做的增强功能。

安装

使用 DataTables 下载构建器 是包含 DataTables 及其扩展的 Bootstrap 5 集成的最简单方法。这是一个点击式界面，让你可以选择所需的样式和软件。

下载构建器可选择在 DataTables CDN 上托管所需文件、下载可在本地托管的软件包或使用 NPM 等包管理器。

手动安装

如果你希望使用 DataTables Git repo 或下载软件包，而不是 下载构建器，DataTables 及其所有扩展都具有类似的文件命名约定，可用于包含所需文件。

DataTables

主 DataTables 文件的名称为 dataTables.js，采用大多数 jQuery 插件通用的格式。此外，针对 DataTables 所支持的各种样式库还有一个样式集成文件，格式为 dataTables.{style}.js（例如，Bootstrap 5 的 dataTables.bootstrap5.js）。

这两个 JavaScript 文件都应包含在内——主文件包含基本 DataTables 功能，样式文件针对样式库设置默认值。

对于 CSS，只需要包含一个文件，因为样式库会提供表的核心样式选项。CSS 文件的格式为 dataTables.{style}.css（例如，Bootstrap 5 的 dataTables.bootstrap5.css）。

扩展

上述文件命名约定也适用于 扩展。

对于 JavaScript，我们有：dataTables.{extension}.js 和 {extension}.{style}.js——例如，对于 Buttons，要包含的文件为 dataTables.buttons.js 和 buttons.bootstrap5.js——同样包含核心库和样式文件来设置相应的默认值。

关于 CSS，应该只包含一个文件 - 对于使用的样式来说适合的文件 - {extension}.{style}.css - 例如，buttons.bootstrap5.css。

请注意，并非所有扩展都需要 Javascript 和 / 或用于样式库的 CSS。如果在仓库或软件包中不存在样式库，那么就不需要这些库。

详细信息

如果您有兴趣了解 DataTables 文件名称约定的详细内容，请参阅 此技术说明。

示例

一个由 Bootstrap 设计风格的 DataTable 的示例 在此提供。