范围过滤(数字)

在两个数字之间过滤数据(包含)

过滤特定数字栏位,以查看其值介于两个指定数字之间。请注意,您可能需要变更输入和数字值所在栏位的识别码。

用法

可以使用多种不同的方式获取和使用此插件。

浏览器

此插件可在 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 上修订并提出要求!