取消选择DataTables

时间:2016-02-10 16:00:02

标签: javascript jquery html datatables

我正在使用jQuery Datatables插件(v 1.10)

我正在使用选择功能,可以突出显示/选择行。我也在使用分页。我可以翻阅表格并选择多个页面。我尝试创建一个按钮来清除所选行,但它只清除当前页面上选择的行。

像这样:$('#main_index1 tbody tr').removeClass('selected');

例如,如果我在第1页上选择了一行,然后转到表格的第2页并使用此功能,则不会取消选择第1页上选择的行。如果我在第2页选择了某些内容,则会取消选择。

如何在所有页面中取消选择所有选定的行?

2 个答案:

答案 0 :(得分:8)

想出这个......试试这个:

table = $("#main_index1").DataTable();
table 
    .rows( '.selected' )
    .nodes()
    .to$() 
    .removeClass( 'selected' );

像魅力一样工作。

答案 1 :(得分:-1)

您可以通过 Tabletools.js 插件

实现此目的

获取实际表的tabletool实例:

var oTT = TableTools.fnGetInstance('file-records');

oTT现在支持各种数据表方法:

oTT.fnSelectNone();

fnSelectNone()取消选择每个页面上的所有行(先前选择的行)