jQuery DataTables plugin - 사용자 정의 옵션 선택 필터 추가

Question

누구나 jQuery DataTable에 사용자 정의 옵션 선택 필터를 추가하는 방법을 알고 계십니까?

기본적으로이 부분은 example page이지만 최소/최대 텍스트 입력란 대신 ... 옵션을 선택하여 변경하십시오.

Answer 1

내가 생각했던 것보다 더 쉬운 :

자바 스크립트

$(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

당신은 그것을 할 것입니다 정규 표현식을 구축 할 필요가있다. 최소한 또는 maximium을 만드는 것은 상당히 쉽습니다. 동시에 둘 다하려고하면 까다로워집니다.

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 +