实现效果
效果描述:把最后一列的“操作”列的【编辑】按钮合并为一个展示
兼容safari的写法
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
if (columnIndex === 3) { //第4列
if (rowIndex === 0) {
return {
rowspan: 7,
colspan: 1
};
} else { //此处需写else分支,已兼容非主流浏览器
return {
rowspan: 0,
colspan: 0
};
}
}
}
safari 与 chrome浏览器都正常展示
不兼容safair的写法
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
if (columnIndex === 3) { //第4列
if (rowIndex === 0) {
return {
rowspan: 7,
colspan: 1
};
}
}
}
safari“编辑”按钮错乱
chrome正常展示:
谨记:多看原文档,不要投机去减少案例里的原有关键代码。