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

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

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

需求

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

思路

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

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

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

代码

 

 

 
征期日历信息
 
 

 
月份
 
征期
 
缴款期
 
税种
 
 
 


 

 

  {{i.yd}}
 
 

 {{i.zq}}
 
 
>
 {{i.jkq}}
 
 

 {{i.sz}}
 
 
 

分享名称：vue通过数据过滤实现表格合并-创新互联
文章出自：http://shouzuofang.com/article/cepcod.html