jQuery Datatable에 사용자 정의 필터 필드 추가

Question

this link과 같은 외부 양식을 사용하여 사용자 정의 필터를 사용하고 있습니다. 그러나 index.html 페이지에 비슷한 코드를 추가해도 맞춤 필터 필드를 만들 수 없습니다.

여기에 내 추가 필터 열 수 있습니다 :

<div id="renderingEngineFilter" class="filterOption"></div> 
<div id="browserFilter" class="filterOption"></div> 
<div id="platformsFilter" class="filterOption"></div> 
<div id="engineVersionFilter" class="filterOption range"></div> 
<div id="cssGradeFilter" class="filterOption"></div> 
<div id="customFilter"></div> <!-- this one --> 

나는이처럼 내 jQuery를 기능에 추가 :

$(document).ready(function() { 
    $('#example').dataTable({ 
     "bJQueryUI": true, 
     "sPaginationType": "full_numbers" 
    }) 
    .columnFilter({ 
     aoColumns: [ 
      { type:"select", sSelector: "#renderingEngineFilter" }, 
      { sSelector: "#browserFilter" }, 
      { sSelector: "#platformsFilter" }, 
      { type:"number-range", sSelector: "#engineVersionFilter" }, 
      { type:"select", values : ["A", "B", "C", "X"], sSelector: "#cssGradeFilter" }, 
      { type:"select", values : ["vannkorn", "ravy", "rayuth"], sSelector: "#customFilter"} //here is where I add it 
     ] 
    }); 
}); 

불행하게도, 그것은이 사용자 정의 필드를 표시하지 않습니다. 도와주세요.

Answer 1

테이블에 5 개의 열만 있으므로 6 번째 필터를 적용 할 수 없기 때문입니다. 자세히 보면 columnFilter이 aoColumns

에 완료되었음을 알 수 있습니다.