素材巴巴 > 程序开发 >

antd滚动表格纵向滚动条问题

程序开发 2023-09-04 08:28:35

问题场景

在使用antd带滚动条的表格时,有时候当tbody的高度≤y值时,纵向滚动条会只留下滚动条背景,滚动条消失(如下图)(有时候空状态也会有问题);只有当tbody的高度高于y值时,纵向滚动条才会正常展示。如果项目中对滚动条进行了样式修改,可能出现不美观的问题。

在这里
 插入图片描述

  
 

原因和解决方法

antd中的overflow为:

overflow: auto scroll;
 

y轴的scroll导致了这个问题。

把y轴的属性也改为auto就可以了。

.ant-table-body {overflow: auto !important;
 }
 

标签:

上一篇: bower_Bower与BowerPHP 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。