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

时间:2018-01-08 13:09:11

标签: javascript jquery checkbox datatables

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

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

我希望能够点击标题(也是一个复选框)然后1.没有该列的排序功能,以及单击时选中所有复选框,并取消选中全部,如果所有人都已经勾选了。

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

但有更优雅,更好的方法吗?另外,如何禁用排序,因此它不是在该列中显示的asc / desc排序图标?

1 个答案:

答案 0 :(得分:1)

请参阅jQuery DataTables Checkboxes插件,该插件可添加对复选框的支持,并且"选择所有"控制在标题中。

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

请参阅this example以获取代码和演示。