jQuery DataTables 检查标题单击时的复选框

Question

我当前的项目中有一个表，并使用 DataTables 提供对这个表的搜索和排序功能。

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

我希望能够单击标题（这也是一个复选框），然后 1. 没有该列的排序功能，以及单击时选中所有复选框，并取消选中所有，如果都已经打勾了。

所以我可以使用 jQuery 选择器 :checkbox 来查找复选框并将属性设置为 true，然后如果再次单击，则检查每个是否已选中，如果是则取消选中它们，如果未选中所有，并且很快。

但是有没有更优雅、更好的方法来做到这一点？另外，我怎样才能禁用排序，所以它不是显示在该列中的 asc/desc 排序图标？

Answer 1

请参阅jQuery DataTables Checkboxes 插件，该插件在标题中添加了对复选框和“全选”控件的支持。

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

有关代码和演示，请参阅 this example。