我正在使用 Spring Boot 和 MySQL。我有以下结构的数据。
我尝试将其显示为以下结构。我正在使用数据表 Datatable link ,我尝试了很多方法使用datatable和javascript的api来做到这一点,但我无法做到。
很少有链接描述使用 $('#datatable').DataTable({'rowsGroup': [0]})
完成,但不起作用。我用Java中的map实现了。不过在前端做的话感觉会好一些
日期时间始终是唯一的,每个日期时间始终有 6 条记录
值应为
sum(值)/(不同日期时间)
如果反馈中传递 null/空值,仅忽略标题和反馈
我该如何解决这个问题?
最佳答案
您需要使用数据表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查看示例。
关于javascript - 如何在数据表中使用Rowspan,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51305088/