实现效果如下:

在"drawCallback":函数里重画表格,引入以下代码即可
var azpi = this.api();
var rows = api.rows({ page: 'current' }).nodes();
var idx = 0; // 第一列进行合并
var last = null;
var tr = null;
var ltd = null;
api.column(idx, { page: 'current' }).data().each(function (group, i) {
tr = $(rows[i]);
var td = $("td:eq(" + idx + ")", tr);
if (last !== group) {
td.attr("rowspan", 1);
td.text(group);
ltd = td;
last = group;
td.css("vertical-align", "middle");
} else {
ltd.attr("rowspan", parseInt(ltd.attr("rowspan")) + 1);
td.remove();
}
});
博客介绍了在DataTables的'drawCallback'函数里重画表格的方法。通过引入特定代码,可对表格第一列进行合并操作,包括设置单元格的跨行属性、移除重复单元格等,使用到了jQuery和DataTables相关技术。

364

被折叠的 条评论
为什么被折叠?



