datatable实现纵向单元格合并

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 16:04   3041   0

实现效果如下:

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

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP