logo标签列表

jQuery DataTables 在点击表头时选中复选框

javascriptjquerycheckboxdatatables
3
在我的项目中有一个表格，并使用DataTables为该表格提供搜索和排序功能。现在，我在每一行前面添加复选框，这样就可以勾选一行，以便以后只处理已勾选的行。我希望能够点击标题（也是复选框），然后实现以下两点：1. 该列不进行排序功能；2. 点击时所有复选框都被选中，并且如果所有复选框都已被选中，则取消选中所有复选框。因此，我可以使用jQuery选择器:checkbox查找复选框并将checked属性设置为true，然后再次单击时检查每个是否已选中，如果是则取消选中，如果没有则全部选中等等。但是，是否有更优雅、更好的方法来完成这个操作？另外，如何禁用排序，使得该列不显示升序/降序排序图标？
1个回答
1
请查看jQuery DataTables Checkboxes插件，它为复选框和标题中的“全选”控件添加了支持。
var table = $('#example').DataTable({
   'columnDefs': [
      {
         'targets': 0,
         'checkboxes': {
            'selectRow': true
         }
      }
   ],
   'select': {
      'style': 'multi'
   },
   'order': [[1, 'asc']]
});

请查看这个示例，了解代码和演示。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接