DataTables 1.10全选复选框以选择所有行,甚至是带分页的隐藏行

时间:2014-08-06 23:34:30

标签: jquery checkbox datatable datatables-1.10

我是DataTables的新手,并且有一张桌子,其中包含"全选"表标题行中的复选框,然后每行都有一个复选框。当"全选"我可以编写代码来选择所有可见的复选框。选中复选框,但如果有其他页面,则不会检查这些页面。

我已经按照几个例子,但它们似乎都没有用,至少我不能让它们起作用。一个人在StackOverflow,这似乎是我最接近的东西。所有其他版本都是DataTables的早期版本,已被弃用。我试图使StackOverflow示例正常工作,但此时我才陷入困境。

我的示例代码可以在DataTables Live网站上找到。有没有人有任何想法?

2 个答案:

答案 0 :(得分:0)

我遇到了同样的问题。使用'payTable.cells()'将返回所有数据行而不仅仅是可见数据行,并且我无法以任何方式更改'checked'属性。 我通过使用jquery来更改DOM对象来解决这个问题:

var items = $('[id="cb"]');
items.prop('checked', true);

答案 1 :(得分:0)

var table = $('table').DataTable();
var checkedBoxes = table.column(columnIndex).nodes().toJQuery();

您将获得 tbody 下的所有复选框作为 JQuery 对象