html :
<el-table :header-cell-style="{background:'#6d7f93',color:'white'}" :data="ptableDate" align="center" border v-loading="loading" :height="tableHeight" :span-method="objectOneMethod" > <el-table-column align="center" show-overflow-tooltip prop="projName" ></el-table-column> <el-table-column align="center" show-overflow-tooltip prop="dirtySection" ></el-table-column> <el-table-column align="center" show-overflow-tooltip prop="towerNumber" ></el-table-column> <el-table-column align="center" show-overflow-tooltip prop="inclination" ></el-table-column> </el-table>
method
objectOneMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 0) { const _row = this.setTable(this.ptableDate).one[rowIndex]; const _col = _row > 0 "color: #ff0000">ps:下面看下ELEMENT-UI 合并单元格的方法arraySpanMethod({ row, column, rowIndex, columnIndex }) { // 只合并区域位置 //columnIndex 横的第一列 //rowIndex 竖的数组的length % 3 ==0 合并单元格 if (columnIndex === 0) { //如果是第一行 if (rowIndex % 3 === 0) {//如果是 数组长度 % 3 ==0 return { rowspan: 3, colspan: 1 }; } else { return { rowspan: 0, colspan: 0 }; } } },总结
以上所述是小编给大家介绍的vue 中 elment-ui table合并上下两行相同数据单元格,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
最新资源
- 陈百强.1993-离不开...纪念歌集2CD【华纳】【WA
- 于台烟.2003-爱自己【乾坤唱片】【WAV+CUE】
- 群星.2024-我们永远是我们电影原声带【乐禾发文
- 【中国民乐】张维良《秋江夜泊》2004[FLAC+CUE]
- 明达年度发烧碟MasterSuperiorAudiophile2011[D
- 明达年度发烧碟MasterSuperiorAudiophile2017[D
- 翁立友.2008-恨孤单【大旗】【WAV+CUE】
- 群星.2009-Magic.Cover日粤精华3CD【环球】【WA
- 华少翌.2005-华少翌【中唱艺能】【WAV+CUE】
- 群星《十二女声Ⅱ》[WAV/CUE/分轨][527MB]