2017-04-26 94 views
0

我目前工作中我有一個使用Ajax填充一個DataTable一個項目特定的行(和數據從數據庫)
此數據表包含了所有不同類型的爲例客戶的訂單:發貨,取消...等
我想有一個按鈕,只顯示有取消狀態的行
感謝的提前DataTable中隱藏的一個按鈕

回答

0

嘗試使用column.search()

<input type="button" class="show_only_canceled" value="Show Only Canceled" /> 
... 
var table = $('#mytable').DataTable(); 

const CANCELED_STATE_COLUMN = 3; //column number wherever you store state 

$('.show_only_canceled').on('click', function() { 
    table 
     .columns(3) 
     .search(CANCELED_STATE_COLUMN) 
     .draw(); 
}); 
+0

它的工作原理,但然後我要的是那個如果($('#hide')。is(「:checked」)) { dataTable .columns(3) .search(「Annulée」 ) .draw(); } else { dataTable .search('') .columns()。search('') .draw(); }'唯一的問題是,當它沒有被點擊時,它顯示的是一切,而不是所有的,但在這種情況下,除了取消的狀態 – programmer

+0

你應該使用RegExp作爲搜索詞排除特定的結果..也許像'table.search '(?!cancelled)'+ search,true,false).draw();'see here https://datatables.net/forums/discussion/24696/exclude-expression-onglobal-search –