如何实现Element UI表格中单元格的长尾词合并技巧?
- 内容介绍
- 文章标签
- 相关推荐
本文共计2523个文字,预计阅读时间需要11分钟。
目录+引言+解决思路:
1.格式化后端返回的数据(根据实际数据格式处理)
2.在data中定义数据,需要合并几列就定义几个数组和索引
3.定义合并函数
4.使用table组件的属性span-method进行行或列合并
目录
- 引言
- 解决思路:
- 1、格式化后台返回的数据(根据实际数据格式处理)
- 2、在 data 中定义数据,需要合并几列就定义几个数组和索引
- 3、定义合并函数
- 4、table 组件属性span-method 的单元格合并方法:
- 完整代码:
- 总结
引言
项目中遇到表格单元格合并的需求,在此记录整个解决过程。
项目使用的是 Element UI,表格使用的是 table 组件。Element UI 的 table 表格组件中对单元格进行合并,需要使用 table 组件的 span-method 属性。
本文共计2523个文字,预计阅读时间需要11分钟。
目录+引言+解决思路:
1.格式化后端返回的数据(根据实际数据格式处理)
2.在data中定义数据,需要合并几列就定义几个数组和索引
3.定义合并函数
4.使用table组件的属性span-method进行行或列合并
目录
- 引言
- 解决思路:
- 1、格式化后台返回的数据(根据实际数据格式处理)
- 2、在 data 中定义数据,需要合并几列就定义几个数组和索引
- 3、定义合并函数
- 4、table 组件属性span-method 的单元格合并方法:
- 完整代码:
- 总结
引言
项目中遇到表格单元格合并的需求,在此记录整个解决过程。
项目使用的是 Element UI,表格使用的是 table 组件。Element UI 的 table 表格组件中对单元格进行合并,需要使用 table 组件的 span-method 属性。

