Bootstrap table 控制表格高度固定（行高固定）并且不受数据量影响，数据在只有一条的时倀

3672Js.Com2023-03-25 01:41 来源:未知阅读:2952 关注度3

Bootstrap table 控制表格高度固定（行高固定）并且不受数据量影响，数据在只有一条的时候

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

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

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

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

本站文章为3672js教程网友分享投稿，版权归原作者，欢迎任何形式的转载，但请务必注明出处。同时文章内容如有侵犯了您的权益，请联系我们处理。