DataTable使用按钮隐藏特定行

Question

我目前正在开发一个项目，其中我有一个使用Ajax填充的DataTable（以及来自数据库的数据）
此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();
} );