我在当前项目中有一个表,并使用DataTables在此表上提供搜索和排序功能。
现在,我在每行前面添加了复选框,因此可以检查一行,以后只处理已检查的行。
我希望能够点击标题(也是一个复选框)然后1.没有该列的排序功能,以及单击时选中所有复选框,并取消选中全部,如果所有人都已经勾选了。
所以我可以做一些事情,比如使用jQuery选择器:checkbox
查找复选框并将属性设置为true,然后再次单击,检查每一个是否已选中,如果是,则取消选中它们,如果不是全部检查, 等等。
但有更优雅,更好的方法吗?另外,如何禁用排序,因此它不是在该列中显示的asc / desc排序图标?
答案 0 :(得分:1)
请参阅jQuery DataTables Checkboxes插件,该插件可添加对复选框的支持,并且"选择所有"控制在标题中。
var table = $('#example').DataTable({
'columnDefs': [
{
'targets': 0,
'checkboxes': {
'selectRow': true
}
}
],
'select': {
'style': 'multi'
},
'order': [[1, 'asc']]
});
请参阅this example以获取代码和演示。