欢迎光临散文网 会员登陆 & 注册

ElementUI table表格动态合并

2022-11-22 12:46 作者:MagnumHou  | 我要投稿

最近在做一个大型的港口项目,需要使用到 elementUI table 组件的方法 :span-method=“objectSpanMethod” 进行单元格的动态合并。查看了官方 API 后,发现简单、直白、明了,无法满足下图业务的需求。所以参考了一些其他的网络资料,具体的思路:在动态处理从后端拿回来的数据的时候,是需要从数据中找到一个唯一的“标识”去判断是否是相同种类的数据。然后根据这个“标识”去做逻辑判断。

 1. 在 data 中定义需要数据,根据数组中存储的标识去合并数据

2. 在 methods 中定义方法去处理标识(需要合并的数据单元格)

3. 在 created 或 mounted 中调用处理函数将异步获取到的数据传递过去进行处理:


ElementUI table表格动态合并的评论 (共 条)

分享到微博请遵守国家法律