IP 位址
依數值排序 IP 位址
- 作者:Dominique Fournier
排序包含 IP 位址(IPv4 和 IPv6)或以典型點號表示法/冒號分隔的 IPv4 位址和連接埠的欄位。當使用 DataTables 處理網路應用程式和報告包含 IP 位址的資訊時,這非常有用。
使用方法
此外掛程式可以透過多種不同的方式取得和使用。
瀏覽器
此外掛程式可在 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/ip-address.mjs';
CommonJS
如果您使用的是 Node 的 CommonJS 載入器(例如,使用較舊版本的 Webpack 或非模組 Node 程式碼),請使用以下方法 require
此外掛程式
var $ = require('jquery');
var DataTable = require('datatables.net');
require('datatables.net-plugins/sorting/ip-address.js');
範例
$('#example').dataTable( {
columnDefs: [
{ type: 'ip-address', targets: 0 }
]
} );
版本控制
如果您對如何改進此外掛程式有任何想法,或發現任何錯誤,它在 GitHub 上提供,非常歡迎您提出提取請求!
- 此外掛程式:ip-address.js
- 完整的 DataTables 外掛程式儲存庫:DataTables/Plugins