jquery - 行分组和复选框

标签 jquery checkbox datatables

我有一个由 jQuery DataTables 提供支持的表,第一列中带有用于编辑行数据的复选框。我有一个包含重复值的时间列,因此我将行分组保留在该时间列上。

现在我只需要为分组行数据显示一个复选框。对于分组时间数据,我只想显示第一个要编辑的复选框。

enter image description here

最佳答案

解决方案

行分组可以通过RowsGroup来完成jQuery 数据表插件。复选框可以通过 Checkboxes 来实现jQuery DataTables 插件。

我能够使用下面的代码将两者结合起来。

var table = $('#example').DataTable({
   'ajax': 'https://api.myjson.com/bins/1us28',
   'rowsGroup': [0,3],
   'columnDefs': [
      {
         'targets': 0,
         'data': 3,
         'checkboxes': {
            'selectRow': false
         }
      }
   ]
});   

参见this example用于代码和演示。

亮点

  • 通过 'selectRow': false 禁用行选择,因为行分组的行为不符合预期。
  • 复选框使用第四列的数据'data': 3

链接

关于jquery - 行分组和复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42389888/

相关文章:

css - Symfony2 Assetic CSS 重写外包

javascript - 允许在不同屏幕尺寸的菜单上显示和隐藏的功能

php - 使用php以一种形式将两个数组发送到mysql

PHP MYSQL 编辑表单,试图将行内爆/分解为复选框?

javascript - 第二页上缺少 jQuery row.child

javascript - 动态更改列数据 dataTables

javascript - 如何强制用户按顺序点击div?

javascript - 在 Wordpress 中使用 PJAX

javascript - 阻止 'rapid' 单击 UI 元素以选择文本?

asp.net - vb.net 复选框标签位置