Bootstrap table 控制表格高度固定(行高固定)并且不受数据量影响

好久没有用bootstrap table来做表格了,今天需求来了个表格,在加载表格并且绑定数据之后就发现了一个样式上的问题。数据在只有一条的时候,会直接占满整个表格高度。如图:

成都创新互联专注于企业成都全网营销推广、网站重做改版、东阳网站定制设计、自适应品牌网站建设、H5技术购物商城网站建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为东阳等各大城市提供网站开发制作服务。

很明显,这是不合理的。于是尝试修改,排除问题的流程就不细说了,挺坑的,通过定位Tr并没有发现有高度设置选项,于是怀疑是父级样式控制,再往上排查。

最终在tbody中发现有一个高度控制,如图:

然后直接定位到该css文件(bootstraptable的css文件),这就比较皮了, 我直接选择屏蔽到对应代码,然后样式就正常了。如图:


网站题目:Bootstrap table 控制表格高度固定(行高固定)并且不受数据量影响
新闻来源:http://hxwzsj.com/article/dsojedo.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 网站建设开发 重庆企业网站建设 成都品牌网站建设 四川成都网站建设 企业网站建设公司 网站设计 企业网站制作 成都网站设计 成都网站设计 网站设计制作报价 成都网站设计制作公司 成都定制网站建设 网站设计制作 网站建设公司 四川成都网站制作 手机网站制作 成都网站建设公司 温江网站设计 成都响应式网站建设公司 营销网站建设 重庆网站制作 成都网站设计