范围过滤(数字)
在两个数字之间过滤数据(包含)
过滤特定数字栏位,以查看其值介于两个指定数字之间。请注意,您可能需要变更输入和数字值所在栏位的识别码。
用法
可以使用多种不同的方式获取和使用此插件。
浏览器
此插件可在 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/filtering/row-based/range_numbers.mjs';
CommonJS
如果您使用的是针对 Node 的 CommonJS 加载器(例如搭配旧版 Webpack 或非模块 Node 代码),请使用下列方式 require
此插件
var $ = require('jquery');
var DataTable = require('datatables.net');
require('datatables.net-plugins/filtering/row-based/range_numbers.js');
范例
$(document).ready(function() {
// Initialise datatables
var table = $('#example').DataTable();
// Add event listeners to the two range filtering inputs
$('#min').keyup( function() { table.draw(); } );
$('#max').keyup( function() { table.draw(); } );
} );
版本控制
如果您有任何想法可以改善这个插件,或者发现任何错误,欢迎在 GitHub 上修订并提出要求!
- 此插件: range_numbers.js
- 完整的 DataTables 插件库: DataTables/Plugins