如何在JQuery数据表中添加Rowspan

我使用Jquery数据表来构造一个表.
我的要求如下

这不是静态表,我们使用json数据渲染它.
在这里,我使用"aoColumns"动态渲染行.
有没有办法使用rowspan,以便可以跨越单元格(1,2,David,Alex).
数据表是否支持这种表？

Datatables不支持开箱即用的这种分组.但是,在许多情况下,有一个插件可用.

它被称为RowsGroup,位于:Datatables论坛.还包括一个实例.

如果您将此示例中的JS部分更改为如下所示,您将在输出窗口中显示所需的输出.

$(document).ready( function () {
  var data = [
    ['1', 'David', 'Maths', '80'],
    ['1', 'David', 'Physics', '90'],
    ['1', 'David', 'Computers', '70'],
    ['2', 'Alex', 'Maths', '80'],
    ['2', 'Alex', 'Physics', '70'],
    ['2', 'Alex', 'Computers', '90'],
  ];
  var table = $('#example').DataTable({
    columns: [
        {
            name: 'first',
            title: 'ID',
        },
        {
            name: 'second',
            title: 'Name',
        },
        {
            title: 'Subject',
        }, 
        {
            title: 'Marks',
        },
    ],
    data: data,
    rowsGroup: [
      'first:name',
      'second:name'
    ],
    pageLength: '20',
    });
} );

以下是结果的屏幕截图: