如何在 JQuery 数据表中添加 Rowspan

Im using Jquery datatables to construct a table.
My requirement is like below

这不是静态表，我们使用 json 数据渲染它。
我在这里使用“aoColumns”动态渲染行。
有什么办法可以使用吗rowspan这样单元格 (1,2,David,Alex) 就可以跨越。
数据表支持这种表吗？

Datatables 不支持这种开箱即用的分组。 但是，与许多情况一样，有一个可用的插件。

它称为 RowsGroup，位于此处：数据表论坛 https://datatables.net/forums/discussion/29319/new-rowsgroup-plugin-merge-cells-vertically-rowspan. A 活生生的例子 http://live.datatables.net/bodanole/1/edit也包括在内。

如果将此示例中的 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',
    });
} );

这是结果的屏幕截图：