jQuery DataTables 选中标题单击时的复选框

Question

我在当前的项目中有一个表，并使用数据表在此表上提供搜索和排序功能。

现在，我在每行前面添加复选框，以便可以检查一行，以便以后仅处理选中的行。

我希望能够单击标题(也是一个复选框(，然后单击 1。 该列没有排序功能，以及在单击时选中所有复选框，如果所有复选框都已勾选，则取消选中所有复选框。

所以我可以做一些事情，比如使用 jQuery 选择器:checkbox来查找复选框并将属性设置为 true，然后如果再次单击，则检查每个是否选中，如果是，则取消选中它们，如果不检查全部，依此类推。

但是，有没有更优雅的，分别是更好的方法来做到这一点？另外，如何禁用排序，使其不是该列中显示的 asc/desc 排序图标？

Answer 1

请参阅 jQuery DataTables Checkbox 插件，该插件在标头中添加了对复选框和"全选"控件的支持。

var table = $('#example').DataTable({
   'columnDefs': [
      {
         'targets': 0,
         'checkboxes': {
            'selectRow': true
         }
      }
   ],
   'select': {
      'style': 'multi'
   },
   'order': [[1, 'asc']]
});

有关代码和演示，请参阅此示例。