el-table合并部分成功部分不成功？
问题描述:
需要合并el-table中前4列的内容，但是第4列无法合并。
渲染代码:
{{scope.row.name }} {{ scope.row.symbol }}
解决方法:
可以使用自定义的合并方法来实现特定列的合并。
// 合并方法merge(tableData) { this.companyArr = []; this.companyPos = 0; this.simpleArr = []; this.simplePos = 0; this.symbolArr = []; this.symbolPos = 0; for (var i = 0; i 0 ? 1 : 0; // 如果被合并了_row=0则它这个列需要取消 return { rowspan: _row_1, colspan: _col_1, }; } else if (columnIndex === 1) { // 合并第二列 const _row_2 = this.simpleArr[rowIndex]; const _col_2 = _row_2 > 0 ? 1 : 0; return { rowspan: _row_2, colspan: _col_2, }; } else if (columnIndex === 3) { // 合并第四列 const _row_3 = this.symbolArr[rowIndex]; const _col_3 = _row_3 > 0 ? 1 : 0; return { rowspan: _row_3, colspan: _col_3, }; }},
完整示例:
{{scope.row.name }} {{ scope.row.symbol }} export default { data() { return { tableData:[ {name:'降水(mm)',factor:'0.7',grade:'',symbol: '1','':'','':'','':'','':'','':'','':''}, {name:'降水(mm)',factor:'0.7',grade:'',symbol: '1','':'','':'','':'','':'','':'','':''}, {name:'降水(mm)',factor:'0.7',grade:'',symbol: '1','':'','':'','':'','':'','':'','':''}, {name:'降水(mm)',factor:'0.7',grade:'',symbol: '1','':'','':'','':'','':'','':'','':''}, {name:'风速(m/s)',factor:'0.5',grade:'',symbol: '0','':'','':'','':'','':'','':'','':''}, {name:'风速(m/s)',factor:'0.5',grade:'',symbol: '0','':'','':'','':'','':'','':'','':''},
以上就是el-table 合并前四列：为什么第四列无法合并？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1559593.html
微信扫一扫 
支付宝扫一扫 
