垂直方向合并table

时间复杂度是n,效果示意图:

使用elementui的表格时遇到单元格合并的问题,原始数据有7条,在前端进行的合并

1. 先将数据按照 指标1,指标2,指标3的顺序进行排序

2. 计算每一个单元格向下合并的行数

2.1 初始化一个二维数组,保存某一个单元格需要合并的行数,初始化为0

         0-代表本行被合并不显示

2.2 遍历原始数据的数组,记录3个层级指标合并行的序号,

        如: lv1=[0,5] lv2=[0,1,2,4],lv3=[0,1,2,3,4,5,6]

2.2.1 计算指标一的合并情况

        遍历lv1, 计算指标一合并行的行数

2.2.2 计算指标二的合并情况

        将lv1插入到lv2中,去重并重新排序,得到 'lv2

遍历 ‘lv2 计算指标二合并行的行数

        2.2.3 计算指标三的合并情况

       。。。。。

3. 设置el-table中的 span-method

    返回对应行列的合并信息

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值