行分组和复选框

Question

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

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

Answer 1

解

可以使用jQuery DataTables的RowsGroup插件进行行分组。可以使用jQuery DataTables的Checkboxes插件实现复选框。

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

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的数据。

LINKS

• jQuery DataTables: Row grouping and checkboxes
• jQuery DataTables: ROWSPAN in table body TBODY
• jQuery DataTables: Checkboxes