vue通过数据过滤实现表格合并-创新互联
基于vue通过数据过滤实现表格合并,供大家参考,具体内容如下
需求
- 基于vue渲染的数据表格
- 需要对相同的列进行合并
思路
自从使用了vue,就再也不想直接操作dom节点了,所以还是对数据操作。
要合并单元格需要用到rowspan属性,所有想法是针对数据添加rowspan属性使其多行显示,但下面的行再去渲染就重复了,所以用hidden 隐藏掉。
所以,针对每一行数据 ,用rowspan和display来控制每一个单元格的合并行数和是否显示
代码
征期日历信息 | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
月份 | 征期 | 缴款期 | 税种 | ||||||||
{{i.yd}} | {{i.zq}} | > {{i.jkq}} | {{i.sz}} |
网站题目:vue通过数据过滤实现表格合并-创新互联
文章源于:http://ybzwz.com/article/cepcod.html