javascript - 如何在数据表中使用Rowspan

Question

我正在使用 Spring Boot 和 MySQL。我有以下结构的数据。

我尝试将其显示为以下结构。我正在使用数据表 Datatable link ，我尝试了很多方法使用datatable和javascript的api来做到这一点，但我无法做到。

很少有链接描述使用 $('#datatable').DataTable({'rowsGroup': [0]}) 完成，但不起作用。我用Java中的map实现了。不过在前端做的话感觉会好一些

• 日期时间始终是唯一的，每个日期时间始终有 6 条记录

• 值应为sum(值)/(不同日期时间)

• 如果反馈中传递 null/空值，仅忽略标题和反馈

我该如何解决这个问题？

Answer 1

您需要使用数据表rowsGroup插件。请参阅链接 - datatables-rowsgroup或New RowsGroup plugin

$(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',
    });
} );

Click here查看示例。