jQuery 数据表和标题复选框

Question

我正在使用 jQuery 数据表，我想要一列复选框，并且标题应包含一个全选复选框。我在数据表官方网站上没有找到任何关于此的详细信息。

有人可以帮忙吗？

谢谢。

Answer 1

一种方法是使用数据表的 aoColumns 属性，并将“sTitle”属性的标记呈现为 html 字符串。

http://www.datatables.net/usage/columns

//On datatable init the options would look something like this
"aoColumns": [{   "sTitle": "<input type='checkbox' id='selectAll'></input>"}]

然后，您可以在创建数据表后将处理程序连接到标题复选框以选中/取消选中所有复选框；

所以类似:

$("#selectAll").toggle(function () { 
       $("checkboxSelector", dataTable.fnGetNodes()).attr("checked", true); }
     , function () { 
         $("checkboxSelector", dataTable.fnGetNodes()).attr("checked", false); 
     }
 );