需求差不多就是合并单元格,查看了api有个合并单元格的margeCells方法,但不太会用,试了好久没达到效果,所以最终选择了drawcell事件
不明白的可以点进来看一下
//js 代码
// 自定义表格
var datagridList = mini.get('datagridList');
datagridList.on('drawcell', function (e) {
try {
if (e.field == "xmdm") {
e.cellHtml = "<div class='fxys-item'>赵</div>" +
"<div class='fxys-item'>钱</div>" +
"<div class='fxys-item'>孙</div>" +
"<div class='fxys-item'>李</div>" +
"<div class='fxys-item'>周</div>" +
"<div class='fxys-item'>吴</div>"
}
if (e.field == "YBQX") {
e.row.fxysList.forEach(function (el) {
e.cellHtml += "<div class='fxys-item'>" + el.YBQX + "</div>"
})
}
if (e.field == "YZQX") {
e.row.fxysList.forEach(function (el) {
e.cellHtml += "<div class='fxys-item'>" + el.YZQX + "</div>"
})
}
if (e.field == "WJQX") {
e.row.fxysList.forEach(function (el) {
e.cellHtml += "<div class='fxys-item'>" + el.WJQX + "</div>"
})
}
if (e.field == "YHSL") {
e.row.fxysList.forEach(function (el) {
e.cellHtml += "<div class='fxys-item'>" + el.YHSL + "</div>"
})
}
if (e.field == "FZ") {
e.row.fxysList.forEach(function (el) {
e.cellHtml += "<div class='fxys-item'>" + el.FZ + "</div>"
})
}
if (e.field == "fxyszdf") {
e.cellHtml = '<div>' + e.row.fxyszdf + '</div> '
}
} catch (error) {
console.log(error)
}
})
结果如下