Добавить пользовательское поле фильтра в 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 столбцов, поэтому вы не можете применить шестой фильтр. Если вы посмотрите внимательно, вы увидите, что columnFilter выполнен по адресу aoColumns