Question

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

基本上，就像这个example page一样，但不是使用最小/最大文本字段......而是将它们更改为选择选项。

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 +

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

2 个答案: