百分比

排序帶有後綴百分比符號的數值資料

  • 作者:Jonathan Romley
  • 已過時:此外掛程式已被棄用,並由其他功能取代。請參閱以下詳細說明以獲取更多資訊。

排序帶有百分比符號的數值資料。

DataTables 1.10+ 已內建百分比資料類型偵測和排序功能。因此,此外掛程式被標記為已過時,但在使用舊版本的 DataTables 時可能仍然有用。

使用方法

可以透過多種不同的方式取得和使用此外掛程式。

瀏覽器

此外掛程式可在 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/percent.mjs';

CommonJS

如果您使用適用於 Node 的 CommonJS 載入器(例如,使用較舊版本的 Webpack 或非模組 Node 程式碼),請使用以下方法 require 此外掛程式

var $ = require('jquery');
var DataTable = require('datatables.net');
require('datatables.net-plugins/sorting/percent.js');

範例

$('#example').dataTable( {
     columnDefs: [
       { type: 'percent', targets: 0 }
     ]
  } );

版本控制

如果您有任何關於如何改進此外掛程式的想法,或發現任何錯誤,它可在 GitHub 上取得,並且非常歡迎發出提取請求!