類型偵測外掛
當 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');
外掛
貨幣 | 偵測帶有前導貨幣符號的數值類型資料。 |
date-uk | 偵測 `dd/mm/yyyy` 日期格式的資料。 |
file-size | 偵測縮寫的檔案大小資料(8MB、4KB、3B 等)。 |
formatted-num | formatted_numbers |
ip-address | 偵測 IP 位址表示法中的資料。 |
num-html | 偵測 HTML 和數值資料混合的資料。 |
numeric-comma | 偵測使用逗號作為小數位的數值資料。 |