區分大小寫
依據資料的大小寫排序,升冪排序時大寫優先於小寫。
此外掛程式會考慮大小寫來排序資料。升冪排序時,會優先排序大寫字母,然後才繼續排序小寫字母。
使用方式
此外掛程式可以透過多種不同的方式取得和使用。
瀏覽器
此外掛程式可於 DataTables CDN 上取得
JS
接著,此外掛程式會自動註冊到全域 DataTables 實例。如果您正在使用 AMD 載入器(例如 Require.js),也可以使用此檔案。
請注意,如果您正在使用多個外掛程式,將這些外掛程式合併到單一檔案並將其託管在您自己的伺服器上,而不是向 DataTables CDN 發出多個請求,在效能上會有所助益。
NPM
這些外掛程式都可在 NPM 上取得(也可以與 Yarn 或任何其他 Javascript 套件管理器一起使用),作為 datatables.net-plugins
套件的一部分。若要使用此外掛程式,請先安裝外掛程式套件
npm install datatables.net-plugins
ES 模組
然後,如果您正在使用 ES 模組,請匯入 datatables.net
、您需要的任何其他 DataTables 擴充功能,以及此外掛程式
import DataTable from 'datatables.net';
import 'datatables.net-plugins/sorting/Case-Sensitive.mjs';
CommonJS
如果您正在使用 Node 的 CommonJS 載入器(例如,使用較舊版本的 Webpack 或非模組 Node 程式碼),請使用以下方法 require
此外掛程式
var $ = require('jquery');
var DataTable = require('datatables.net');
require('datatables.net-plugins/sorting/Case-Sensitive.js');
範例
//This example shows how to invoke the case-sensitive plugin on the first column.
//It will sort the data in alphabetical order Prioritising the capital letters to take
//a form similar to [A,B,C,D,...,a,b,c,d,...] for ascending order.
var table = $('#example').DataTable({
columnDefs: [
{type: "case-sensitive", targets:0}
]
});
版本控制
如果您有任何關於如何改進此外掛程式的想法,或發現任何錯誤,它可以在 GitHub 上找到,並且非常歡迎發出 pull request!
- 此外掛程式:Case-Sensitive.js
- 完整的 DataTables 外掛程式儲存庫:DataTables/Plugins