ElemetnUI表格合并列

element-ui的表格行,列合并问题_szw_18583757301的博客-CSDN博客_elementui表格合并列

实现下图效果,将指定的行指定的列进行合并

后续:ElementUI 2.15.6版本提供了新的表格样式 “描述列表” 实现下图的效果易如反掌

组件 | Element

undefinecfi

 

(el -di -di vider>l 
<el-table 
: show-header= "false " 
: data: "tableData2 " 
: span - method= " obj ectSpanMethod " 
border 
row, 
if (rowlndex 
6 
return C 1,4]; 
column , 
rowlndex, 
columnlndex } ) { 
style= "width: 
< el -table- column 
< el-table-column 
< el -table-column 
< el-table-column 
</el-table> 
100% ; 
margin-top: 20px " 
label "a' 
width = 
" 100px " 
label— "b" 
" column2 
prop= 
label "c' 
width = 
" 100px" 
label— " d" 
" column4 
prop= 
prop= " columnl " / el -table - column > 
-table-column > 
prop= " column3 " / el -table - column > 
-table-column >

posted @ 2021-10-05 00:04  夏·舍  阅读(58)  评论(0编辑  收藏  举报