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

Question

有人知道如何在jQuery DataTable中添加自定义选项选择过滤器吗？

基本上，像这个示例页面，但是不是使用最小/最大文本字段...而是将它们更改为选择选项。

- Jeffrey

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>

- Jeffrey

---

很好，真的很棒。非常感谢。 - Jishad

报错：TypeError: oTable.fnFilter 不是一个函数@Jeffrey - Ranjith M

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以上。

- MetalKid