vue通过数据过滤实现表格合并-创新互联

基于vue通过数据过滤实现表格合并，供大家参考，具体内容如下

成都创新互联公司是一家集网站建设,城子河企业网站建设,城子河品牌网站建设,网站定制,城子河网站建设报价,网络营销,网络优化,城子河网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

需求

基于vue渲染的数据表格
需要对相同的列进行合并

思路

自从使用了vue，就再也不想直接操作dom节点了，所以还是对数据操作。

要合并单元格需要用到rowspan属性，所有想法是针对数据添加rowspan属性使其多行显示，但下面的行再去渲染就重复了，所以用hidden 隐藏掉。

所以，针对每一行数据，用rowspan和display来控制每一个单元格的合并行数和是否显示

代码


 
 
 征期日历信息
 
 
 月份
 征期
 缴款期
 税种
 
 
 

 
 
  {{i.yd}}
 
 
 {{i.zq}}
 
 >
 {{i.jkq}}
 
 
 {{i.sz}}

征期日历信息
{{i.yd}}	{{i.zq}}	> {{i.jkq}}	{{i.sz}}

网站名称：vue通过数据过滤实现表格合并-创新互联
文章URL：http://cqcxhl.cn/article/cepcod.html

重庆分公司，新征程启航

vue通过数据过滤实现表格合并-创新互联

其他资讯

征期日历信息
月份	征期	缴款期	税种
{{i.yd}}	{{i.zq}}	> {{i.jkq}}	{{i.sz}}