1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > layui table 单元格合并

layui table 单元格合并

时间:2021-07-26 11:29:37

相关推荐

layui table 单元格合并

在表格加载完成方法执行

done:function(res, curr, count){

merge(res);

}

//合并单元格

function merge(res) {

var data = res.data;

var mergeIndex = 0;//定位需要添加合并属性的行数

var mark = 1; //这里涉及到简单的运算,mark是计算每次需要合并的格子数

var columsName = ['projectClassName'];//需要合并的列名称

var columsIndex = [0,1];//需要合并的列索引值

for (var k = 0; k < columsName.length; k++) { //这里循环所有要合并的列

var trArr = $(".layui-table-fixed>.layui-table-body>.layui-table").find("tr");//所有行

for (var i = 1; i < res.data.length; i++) { //这里循环表格当前的数据

var tdCurArr = trArr.eq(i).find("td").eq(columsIndex[k]);//获取当前行的当前列

var tdPreArr = trArr.eq(mergeIndex).find("td").eq(columsIndex[k]);//获取相同列的第一列

if (data[i][columsName[k]] === data[i-1][columsName[k]]) { //后一行的值与前一行的值做比较,相同就需要合并

mark += 1;

tdPreArr.each(function () {//相同列的第一列增加rowspan属性

$(this).attr("rowspan", mark);

});

tdCurArr.each(function () {//当前行隐藏

$(this).css("display", "none");

});

}else {

mergeIndex = i;

mark = 1;//一旦前后两行的值不一样了,那么需要合并的格子数mark就需要重新计算

}

}

mergeIndex = 0;

mark = 1;

}

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。