vue+element合并单元格后的排序

平时写的比较少,不好之处多多见谅,纯自己开发重遇到的问题.目的: 使同行少踩些坑(累计经验)

先简单说下合并,如下图

 list就是后台返回的的列表数据, 此代码的需求是根据每行的其中一个字段相同来进行合并的标识,也就是在data里定义的spanArr数组 和 pos 索引 

 

 这个只是如果每行的特定字段(uld)相同合并前5列,如何想合并其他不固定列,如下

 大致就是把想合并列的索引给个数组,然后查询遍历即可

接下来是我们的文章的中心

原因: 合并之后排序的数据合并没有更新(就是还是按照第一次后台返回的列表数据的顺序合并的)

 

 给每次点击排序图标的点击方法里 对数据进行更新处理 tableData 为后台返回的列表数据在 data中定义的数组 此时排序后的列表数据合并会根据排序后的数据进行合并

创作不易,希望更多的帮助大家,如果反馈良好,我会在工作之余继续把之前以及日常的需求和bug陆续发表.话不多说,你们的支持就是我的动力 

ps: 本文为原创, 如果转载或其他 请注明 原创来源  sen