DataTable用按鈕隱藏特定的行

Question

我目前在一個項目中，我有一個使用Ajax填充的DataTable（以及來自數據庫的數據）
該數據表包含所有具有不同類型的客戶訂單，例如：已發貨，已取消...等
我想要一個僅顯示狀態為已取消的行的按鈕
提前致謝

Answer 1

嘗試使用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();
} );