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

新手上路,请多包涵

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

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

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

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

任何想法如何取消选择所有页面上的所有选定行?

原文由 jonmrich 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 701
2 个回答

想通了……改为尝试这个:

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

工作起来很有魅力。

原文由 jonmrich 发布,翻译遵循 CC BY-SA 3.0 许可协议

.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);

原文由 Amit Sharma 发布,翻译遵循 CC BY-SA 4.0 许可协议

推荐问题