下載

獲取 DataTables 以在您的專案中使用,最佳方法取決於您的程式設計環境。下面的下載建構器提供了一個簡單的方法,您可以藉此建立您自己的自訂 DataTables 套件 - 包括您需要的軟體,並提供選項將其託管在DataTables CDN上、在本地下載套件或透過套件管理器(例如npmyarnNuGET)安裝。

如果您正在升級舊版本的 DataTables CDN 或由此下載建構器建立的已下載檔案,並且想要使用相同建構選項的最新版本,請查看 JS 檔案標頭,您會找到一個會自動選取所需選項的 URL。

步驟 1. 選擇樣式框架

DataTables 的預設樣式。
v2.1.8
Bootstrap 的舊版本 - 如果您需要支援舊瀏覽器,則很有用。
v3.3.7
可能是世界上使用最廣泛的樣式函式庫的 v4 版本。
v4.6.0
廣受歡迎的 Bootstrap 框架的最新迭代。
v5.3.0
基於 Flexbox 的現代 CSS 框架
v1.0.1
一個現代的響應式樣式框架。
v6.4.3
JavaScript 小工具集合以及樣式框架。
v1.13.2
將單字和類別視為可互換的概念。原為 Semantic UI。
v2.8.8

步驟 2. 選擇套件

DataTables 需要 jQuery。如果您已經有了,請不要選擇任何版本。
v3.7.0
用於與舊版瀏覽器相容。jQuery 3 需要 IE9+。
v1.12.4
如果您的頁面上已經有 _STYLE_,請勿選擇。
透過進階互動控制項增強 HTML 表格。
v2.1.8
為您的 DataTables 新增完整的編輯控制項。
Editor 是 DataTables 的商業擴充套件,需要授權才能使用超過免費試用期。請建立帳號或登入才能在套件中包含 Editor。
v2.3.2

擴充套件

類似 Excel 的點擊和拖曳複製和填寫資料。
v2.7.0
使用者互動按鈕的通用框架。
v3.1.2
終端使用者按鈕,可控制欄的可見性。
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
Editor、SearchBuilder 和 DataTables 的其他元件中使用的日期選擇器。
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 檔案即可。

使用縮小檔案以獲得較小的檔案大小和更快的下載速度。
將檔案組合在一起以實現通常更快的下載速度。

可以使用下面的按鈕下載上面顯示的linkscript標籤所需的檔案。該套件以 zip 檔案下載,應解壓縮並上傳到您的 Web 伺服器。

下載檔案

使用以下命令將選取的軟體安裝到您自己的套件中

請注意,DataTables 及其所有擴充套件的套件都包含 TypeScript 類型定義,如果您使用 TypeScript,這些定義將會被自動偵測和使用。

Editor NPM 套件可從我們的私有登錄檔取得,您需要設定驗證才能使用它。請參閱此處的文件,以了解如何執行此操作並找到您的存取金鑰的詳細資訊。

ES 模組

若要將從上方選取的軟體與 ES 模組載入器(例如現代 Node.js、Vite、ESBuild 等)一起使用,請使用以下匯入陳述式

CommonJS

如果您使用 CommonJS 作為 Javascript 的載入器,請使用以下程式碼來 require 模組(請參閱Node.js / NPM 安裝文件,以了解有關將 DataTables 與模組載入器一起使用的完整詳細資訊)

安裝

使用以下命令將選取的軟體安裝到您的套件中

Editor NPM 套件可從我們的私有登錄檔取得,您需要設定驗證才能使用它。請參閱此處的文件,以了解如何執行此操作並找到您的存取金鑰的詳細資訊。

ES 模組

若要將從上方選取的軟體與 ES 模組載入器(例如現代 Node.js、Vite、ESBuild 等)一起使用,請使用以下匯入陳述式

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 套件。

安裝