样式
使用适合您设计的样式对 DataTables 增强表进行样式设置非常重要，以便表与您网站/应用程序的其余部分无缝衔接。为此，DataTables 提供了许多用于设置表样式的选项，从具有一系列内置可选功能的默认 DataTables 样式表到与一些可用的最广泛的 CSS 框架集成。
文档中的此部分详细说明了如何非常快速且轻松地更改 DataTables 的外观和感觉以满足您的需求。
默认样式设置
默认 DataTables 样式表提供了一些不同的功能，您可以通过将不同的类名分配给 HTML 表格（例如行或单元格边框、条纹行和悬停行高亮）来选择性启用这些功能。只使用`display` 类即可启用最常见的选项，但可以使用任意组合。阅读更多 »
套件
许多 UI“模板套件”选择利用 DataTables 并将我们的软件完全集成到其模板中，以增强其提供的表格选项。模板套件可以形成您网站/应用程序的构建模块，让您可以非常快速且轻松地创建具有统一样式的复杂网站。以下是使用 DataTables 的一些套件集合。阅读更多 »
Bootstrap 3
Bootstrap 3 是一个 CSS 框架，让您可以快速且轻松地构建具有统一外观和感觉的用户界面。DataTables 通过任何 CSS 框架进行样式设置的能力使我们能够为 DataTables 与 Bootstrap 直接集成，以便非常轻松地获得美观的表格。阅读更多 »
Bootstrap 4
Bootstrap 4 是一个 CSS 框架，让您可以快速且轻松地构建具有统一外观和感觉的用户界面。DataTables 提供与 Bootstrap 4 的完全集成。阅读更多 »
Bootstrap 5
Bootstrap 5 是稳重的 CSS 框架的下一代，它使您能够快速轻松地构建一个具有统一外观和感觉的用户界面。DataTables 提供对 Bootstrap 5 的全面整合。阅读更多 »
Foundation
Zurb 的 Foundation 是一种 CSS 框架，可以快速开发复杂的网站，并为 HTML 页面的设计流程提供一种移动优先的方法。借助 Foundation，您可以非常迅速地创建美丽、复杂且可定制的网站/应用程序，并且通过面向 Foundation 的 DataTables 集成，您的表格还可以使用 DataTables 提供的所有选项。阅读更多 >
jQuery UI
jQuery UI 是一款流行的 JavaScript 小组件套件，并通过其 ThemeRoller 组件为这些小组件提供一个通用的样式框架。面向 jQuery UI 的 DataTables 集成提供了按与其他 jQuery UI 组件同样的方式对 DataTables 增强型表格进行样式设置的能力，如果您已经使用 jQuery UI，它会为您网站提供一个通用的外观和感觉。阅读更多 >