替代字串

使用圖片標籤的 alt 屬性作為排序依據的資料。

  • 作者:Jumpy

依據欄位中圖片的 'alt' 標籤進行排序。當您有一欄圖片(例如勾號和叉號)並想使用 alt 標籤控制排序時,此功能特別有用。

使用

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

瀏覽器

這個外掛程式可在 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/alt-string.mjs';

CommonJS

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

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

範例

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

版本控制

如果您對如何改進這個外掛程式有任何想法,或發現任何錯誤,它可以在 GitHub 上找到,並且非常歡迎 pull request!