首页IT科技bootstrap列表列宽可调整(Bootstrap table 控制表格高度固定(行高固定)并且不受数据量影响)

bootstrap列表列宽可调整(Bootstrap table 控制表格高度固定(行高固定)并且不受数据量影响)

时间2025-06-14 22:24:14分类IT科技浏览7972
导读:好久没有用bootstrap table来做表格了,今天需求来了个表格,在加载表格并且绑定数据之后就发现了一个样式上的问题。数据在只有一条的时候,会直接占满整个表格高度。如图:...

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

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

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

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

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
视觉功能(如何使用视觉功能来吸引访问者,提高网站效率) 研发经理岗位职责及任职要求(对研发经理这一岗位的个人理解)