实现效果如下:

在"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(); } });
|