Bulma

Bulma 是一個新興的 CSS 框架，正迅速受到歡迎。DataTables 提供與 Bulma 的完整整合，使您的 DataTables 與您網站的其餘部分具有相同的外觀和風格。

Bulma 為 HTML 表格提供了時尚的整合，讓您可以靈活地操作表格，同時確保它們看起來非常精美。 DataTables / Bulma 整合確保您可以同時使用所有這些功能以及 DataTables 對普通 HTML 表格所做的增強功能。

安裝

包含 DataTables 及其擴充功能的 Bulma 整合的最簡單方法是使用DataTables 下載產生器。這是一個點擊式介面，可讓您選擇要使用的樣式和軟體。

下載產生器可選擇將所需檔案託管在 DataTables CDN 上，或下載可在本地託管的套件。

手動安裝

如果您希望使用 DataTables 的 Git repo 或下載套件，而不是下載產生器，DataTables 及其所有擴充功能都共用類似的檔案命名慣例，可用於包含所需的檔案。

DataTables

主要的 DataTables 檔案名為 dataTables.js。還有一個用於 DataTables 支援的各種樣式函式庫的樣式整合檔案，其格式為 dataTables.{style}.js（例如，Bulma 為 dataTables.bulma.js）。

這兩個 Javascript 檔案都應包含在內 - 主要檔案包含基本的 DataTables 功能，樣式檔案則設定適用於樣式函式庫的預設值。

對於 CSS，只需包含一個檔案，因為樣式函式庫將為表格提供核心樣式選項。 CSS 檔案的格式為 dataTables.{style}.css（例如，Bulma 為 dataTables.bulma.css）。

擴充功能

上述的檔案命名慣例也適用於擴充功能。

對於 Javascript，我們有：dataTables.{extension}.js 和 {extension}.{style}.js - 例如，對於按鈕，要包含的檔案是 dataTables.buttons.js 和 buttons.bulma.js - 同樣包含核心函式庫，而樣式檔案則設定適當的預設值。

就 CSS 而言，只需包含一個檔案 - 正在使用的樣式所對應的檔案 - {extension}.{style}.css - 例如 buttons.bulma.css。

請注意，並非所有擴充功能都要求樣式函式庫提供 Javascript 和/或 CSS。如果 repo 或套件中不存在樣式函式庫，則不需要它們。

詳細資訊

如果您對 DataTables 檔案命名慣例的詳細資訊感興趣，請參閱本技術說明。

範例

一個使用 Bulma 設定樣式的 DataTable 範例在此處提供。