jQuery DataTables插件 - 添加自定義選項選擇過濾器

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+