隱藏標題數值排序
根據空元素的屬性,以數值方式排序資料。
- 作者:Allan Jardine
- 已棄用:此外掛程式已棄用,並由其他功能取代。請參閱下方的詳細說明以取得更多資訊。
上述格式化數字排序功能的替代方案(當考慮使用點/句點作為千位分隔符而不是小數位的本地化時特別有用)。克服格式化數字排序困難的另一種方法是將要排序的資料與視覺資料分開。此排序功能配對將使用空 span 元素的 'title' 屬性(或任何其他元素)進行數值排序(例如 <span title="1000000"><span>1'000'000
)。
請注意,HTML5 的 data-sort
屬性可以用於將排序資料提供給 DataTables,並且比使用此方法更佳,因此此方法標記為已棄用。
使用
可以透過多種不同的方式取得和使用此外掛程式。
瀏覽器
此外掛程式可在 DataTables CDN 上取得
此外掛程式將自動向全域 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/title-numeric.mjs';
CommonJS
如果您正在使用 Node 的 CommonJS 載入器(例如,使用舊版本的 Webpack 或非模組 Node 程式碼),請使用以下方法 require
此外掛程式
var $ = require('jquery');
var DataTable = require('datatables.net');
require('datatables.net-plugins/sorting/title-numeric.js');
範例
$('#example').dataTable( {
columnDefs: [
{ type: 'title-numeric', targets: 0 }
]
} );
版本控制
如果您對如何改進此外掛程式有任何想法,或發現任何錯誤,它可以在 GitHub 上取得,並且非常歡迎 pull request!
- 此外掛程式:title-numeric.js
- 完整的 DataTables 外掛程式儲存庫:DataTables/Plugins