樣式
以符合您設計的方式設定 DataTables 強化的表格樣式非常重要，以便表格能夠與您網站/應用程式的其餘部分無縫接軌。為此，DataTables 提供多種選項來設定表格樣式，從具有許多內建可選功能的預設 DataTables 樣式表，到與一些最廣泛使用的 CSS 框架整合。
本節文件詳細介紹了如何快速輕鬆地更改 DataTables 的外觀，以滿足您的需求。
預設樣式選項
預設的 DataTables 樣式表提供了許多不同的功能，您可以選擇透過將不同的類別名稱指派給您的 HTML 表格來啟用這些功能，例如列或單元格邊框、條紋列和懸停列醒目顯示。最常見的選項集可以透過簡單地使用 display 類別來啟用，但可以使用任何組合。閱讀更多 »
暗黑模式
由於許多使用者偏好其作業系統偏好設定中的「暗黑模式」，因此網站越來越多地提供淺色和深色模式。DataTables 在其預設樣式以及 Bootstrap 5.3+ 中完全支援暗黑模式。閱讀更多 »
套件
許多 UI「範本套件」選擇使用 DataTables，並將我們的軟體完全整合到其範本中，以增強它們提供的表格選項。範本套件可以形成您網站/應用程式的建構模組，讓您可以快速輕鬆地建立具有統一風格的複雜網站。這是使用 DataTables 的一些套件的集合。閱讀更多 »
Bootstrap 3
Bootstrap 3 是一個 CSS 框架，可讓您快速輕鬆地建立具有統一外觀的使用者介面。DataTables 能夠透過任何 CSS 框架設定樣式，讓我們能夠直接與 Bootstrap 整合，以便 DataTables 可以非常輕鬆地獲得美觀的表格。閱讀更多 »
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，則可為您的網站提供通用的外觀。閱讀更多 »