el-table自定义合并单元格后,单元格错乱的问题

使用element时,当表格需要使用合计行时,可以使用show-summary属性使用element自带的合计行功能,但是当除了有合计行之外还有另一个类似合计行的时候,element自带的显然没法实现,

此时就需要自定义合计行的功能

如样式:

 

 

 

 

在el-table中:data绑定固定两行的空数据,用来显示合计行和价税统计行

然后自定义合并单元格的方法

el-table自定义合并单元格后,单元格错乱的问题_第1张图片

此时会存在单元格错乱的问题

如图

 

解决办法,根据element官网介绍需要添加return【0,0】 用来删除合并后的在前的单元格样式

el-table自定义合并单元格后,单元格错乱的问题_第2张图片

之后问题解决

 

 

你可能感兴趣的:(笔记,elementui,vue)