Vue 实现原生表格 tr td 动态合并 vue前端原生表格动态合并列 合并行

Vue 实现原生表格 tr td 动态合并 vue前端原生表格动态合并列 合并行

效果:
未合并前:
在这里插入图片描述
合并后:
在这里插入图片描述

实现方式:其中,table.columnNames是表头数据, table.datas是表格内容数据,这是动态合并第一列中没两行合并一下,然后一次类推,可以合并多种情况其他的,原本每一行都是有内容的,并且每两行内容都相同

<table
            align="center"
            border="1"
            cellspacing="0"
            style="width: 100%; table-layout: fixed"
          &

猜你喜欢

转载自blog.csdn.net/weixin_41346436/article/details/142558528