bootstrap 合并单元格

本文介绍了两种在Bootstrap中实现表格单元格合并的方法。第一种是在数据层合并,依赖数据的规律性;第二种是预处理数据,使合并更灵活,且不受分页影响。通过示例展示了如何设置数据格式和Bootstrap的columns属性来实现合并,同时提到了横排合并的实现,通过formatter添加样式完成。
摘要由CSDN通过智能技术生成

合并单元格有多种实现方式  ,本文主采用的是 在数据层合并,然后在展示层(bootstrap)实现合并

原理是根据有规律的排序数据  然后在展示层根据数据行数 合并,这样的劣势是 数据一定要有规律  对于那些简单的需求的话 倒是可以用这种 有需要的朋友可以看我另一篇文章   >>>   bootstrap 合并单元格之mergeCells属性合并

还有一种是比较灵活的 是事先处理好数据合并成一行,然后自己去展示层设计怎么展示,而且不用考虑分页问题 ,就是本文所介绍的

先看下效果吧

 

然后是我们所需要的数据格式 格式

  拿上图所示  是根据商户ID 医院  汇总日期相同的多张表数据

[{orgName =xxxx, checkDate=20190423,merchantId=10086,payNum=0,payFee=0, refundFee=0,payNumT=0, payFeeT=0, refundFeeT=0},{orgName =xxxx, checkDate=20190423,merchantId=10086,payNum=0,payFee=0, refundFee=0,payNumT=0, payFeeT=0, refundFeeT=0},...]

然后bootstrap

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值