jquery - jQuery DataTables 插件——添加自定义选项选择过滤器

Question

任何人都知道如何将自定义选项选择过滤器添加到 jQuery DataTable？

基本上，就像这个示例页面一样，但是没有最小/最大文本字段......将它们更改为选择选项。

Answer 1

比我想象的要容易：

Javascript

$(document).ready(function() {
    /* Initialise datatables */
    var oTable = $('#example').dataTable();

    /* Add event listener to the dropdown input */
    $('select#engines').change( function() { oTable.fnFilter( $(this).val() ); } );
} );

HTML

<select id="engines">
    <option value="">- Select -</option>
    <option value="1.8">1.8</option>
    <option value="1.9">1.9</option>
</select>

Answer 2

您需要构建一个正则表达式来完成它。制作最小值或最大值相当容易。试图同时做这两件事会变得很棘手。这是一个将返回所有 13+ 的数字：

oTable.fnFilter("([1-9][3-9]|[2-9][0-9]|[0-9]{3,})", 1, true);

这表示： 13-99（不包括 20、21、22、31、32 等） 20-99 100+