我正在使用 Jquery 数据表来构造一个表。
我的要求如下
这不是一个静态表格,我们使用 json 数据渲染它。
在这里,我使用“aoColumns”动态渲染行。
有什么方法可以使用 rowspan 以便可以跨越单元格 (1,2,David,Alex)。
datatables支持这种表吗?
最佳答案
Datatables 不支持这种开箱即用的分组。 但是,在许多情况下,有一个可用的插件。
它称为 RowsGroup,位于此处:Datatables Forums . live example也包括在内。
如果您将此示例中的 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',
});
} );
结果截图如下:
关于javascript - 如何在 JQuery 数据表中添加 Rowspan,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32088676/