取消选择DataTables中的所有选定行

Question

我使用的是jQuery Datatables插件(v1.10)

我正在使用select功能，可以很好地突出显示/选择行。我也在使用分页。我可以翻页浏览表格并在多页上进行选择。我试图创建一个按钮来清除选定的行，但它只清除当前页面上选定的行。

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

例如，如果我在第1页上选择了一行，然后转到表的第2页并运行此函数，则在第1页上选择的行不会取消选择。如果我选择了第2页上的内容，就会取消选择。

你知道如何在所有页面上取消选择所有选中的行吗？

Answer 1

我算出了这个out...tried：

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

就像一个护身符。

Answer 2

.deselect()或

table = $("#main_index1").DataTable();
table 
    .rows( '.selected' )
    .nodes()
    .to$() 
    .removeClass( 'selected' ); did not work for me. 

我做了以下更改，它起作用了。我必须显式地将checked属性设置为false。

var rows = table.rows({ page: 'current' }).nodes();
$('input[type="checkbox"]', rows).prop('checked', false);

Answer 3

您可以通过Tabletools.js插件实现此目的

获取实际表的tabletool实例：

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

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

oTT.fnSelectNone();

fnSelectNone()取消选择每页上的所有行(以前选择的行