Пользовательская фильтрация с кнопкой для данных

Question

Im используя Datatable для моего текущего проекта. В одной из моих таблиц есть несколько столбцов. Один из столбцов - столбец Status, который будет иметь одно из трех значений Open, Rejected и Approved. Я хочу, чтобы отфильтровать запись, показанную в таблице с три кнопкой, In Progress и Closed, как это:

<div class="btn-group pull-right"> 
    <button id="onprogress" class="btn btn-default filter">On Process</button> 
    <button id="closed" class="btn btn-default filter">Closed</button> 
    <button id="all" class="btn btn-default filter">All</button> 
</div> 

Вот Javascript код, который я использовал:

var dataTables = $('#datatable').DataTable({ 
    "info": false, 
    "lengthChange": false 
}); 

$('#all').on('click', function() { 
    dataTables.columns(4).search("").draw(); 
}); 

$('#onprogress').on('click', function() { 
    dataTables.columns(4).search("Open").draw(); 
}); 

$('#closed').on('click', function() { 
    dataTables.columns(4).search("Rejected","Approved").draw(); 
}); 

В яваскрипт код работает хорошо для #onprogreess button, потому что он ищет только одно значение Open. Как заставить его работать с двухзначным поиском?

(#closed кнопка должна показать запись с Rejected или Done Статус)

Answer 1

Для поиска несколько значений из одного столбца вы можете использовать трубопровод, как показано ниже:

dataTable.columns(4).search("Rejected|Done", true, false, true).draw(); 

Вы должны пройти четыре параметра, как показано ниже:

1. Вход: Строка поиска, чтобы применить к таблице
2. Regx: Рассматривать как регулярное выражение (true) или нет (default, false).
3. Smart: Выполнять интеллектуальный поиск (по умолчанию, true) или нет (false). Ниже приведено описание интеллектуального поиска.
4. CaseInsen: Совместим без учета регистра (по умолчанию, true) или нет (false).

More details

Answer 2

вар таблица = $ ('# пример') DataTable().

стол . Колонны (4) . Поиск ("") .draw();