el-table 动态行合并
本文主要举个项目中真实实例,方便各位跟我一样在实际项目开发中碰到的需求功能的开发。(可直接拿来使用的)
饿了么table组件官方实例:http://element-cn.eleme.io/#/zh-CN/component/table,在实际开发过程中,官方实例根本无法满足需求,实际需求一般都是动态的合并而不是固定怎么合并的,所以这时就需要我们对其进行处理。
大致思路就是:先将查询出的列表数据分出哪几列哪几行需要进行合并并且合并多少行或多少列,这些数据记录放进一个空数组中,合并的时候再根据这个数组进行相应的合并。
.vue文件:
element-loading-text="拼命加载中" border fit highlight-current-row> :rules="[{pattern: validator('number'), message: '请输入数字', trigger: 'blur'} ]">
vue.js(script)文件:
最终效果:
亲测有效,原文链接:https://blog.csdn.net/davis_23/article/details/84784911