文章来源地址https://www.toymoban.com/news/detail-667543.html
<el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%" show-summary>
<el-table-column type="index" label="序号" width="100" />
<el-table-column prop="date" label="日期" width="100"></el-table-column>
<el-table>
data(){
return{
mergeArr: ['date'] // 表格中的列名, 可多个字段
}
}
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
//判断列的属性
if (this.mergeArr.indexOf(column.property) !== -1) {
// 判断其值是不是为0
if (this.mergeObj[column.property][rowIndex]) {
return [this.mergeObj[column.property][rowIndex], 1]
} else {
// 如果为0则为需要合并的行
return [0, 0];
}
}
}
文章来源:https://www.toymoban.com/news/detail-667543.html
到了这里,关于table,设置 数据相同时, 合并列的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!