類型偵測外掛

當 DataTable 初始化時,會自動掃描每個欄位以確定其包含的資料類型,這反過來允許 DataTables 應用所需的排序功能。有三種內建類型(字串、日期和數值),但可以使用以下函式輕鬆擴展。這可以讓安裝排序外掛變得更加容易,因為您不需要為欄位指定columns.type - 它會自動被選取。

如何使用

要使用以下外掛類型偵測函式之一,您只需在載入 DataTables 函式庫之後、初始化 DataTable 之前,將其及其對應的排序函式包含在頁面的 JavaScript 中即可。然後您只需初始化 DataTable,類型就會自動被偵測。

瀏覽器

直接在瀏覽器中載入類型偵測外掛只需載入外掛的 JavaScript 即可。例如,以下程式碼使用 file-size 外掛進行類型偵測和排序,並將其儲存在單個檔案中。

<script type="text/javascript" src="jquery.dataTables.js"></script>
<script type="text/javascript" src="dataTables.file-size.js"></script>
<script type="text/javascript">
    var table = new DataTable('#myTable');
</script>

可以在我們的 CDN 上找到可包含在瀏覽器中的外掛。請參閱每個外掛的詳細資訊頁面以取得完整的 CDN URL。

ES 模組

類型偵測外掛也可以作為 ES 模組使用,可以從 datatables.net-plugins 套件.mjs 檔案)載入。您需要包含外掛所需的檔案。以下我們再次使用 file-size 作為範例。

import DataTable from 'datatables.net';
import 'datatables.net-plugins/sorting/file-size.mjs';
import 'datatables.net-plugins/type-detection/file-size.mjs';

var table = new DataTable('#myTable');

CommonJS

如果您使用 CommonJS(即在舊版本的 Node 或 Webpack 中),可以載入 .js 檔案,它會自動將外掛新增到 DataTables。與 DataTables 核心和擴充功能一樣,CommonJS 載入器提供了一個函數,您需要使用 window$/jQuery 物件來呼叫它 - 例如。

var $ = require('jquery');
var DataTable = require('datatables.net')(window, $);
require('datatables.net-plugins/sorting/file-size.js')(window, $);
require('datatables.net-plugins/sorting/type-detection.js')(window, $);

var table = new DataTable('#myTable');

外掛