问题场景
在使用antd带滚动条的表格时,有时候当tbody
的高度≤y
值时,纵向滚动条会只留下滚动条背景,滚动条消失(如下图)(有时候空状态也会有问题);只有当tbody
的高度高于y
值时,纵向滚动条才会正常展示。如果项目中对滚动条进行了样式修改,可能出现不美观的问题。
<Table
columns={
columns}
dataSource={
data}
scroll={
{
x: 1500,
y: 500
}}
/>
原因和解决方法
antd中的overflow为:
overflow: auto scroll;
y轴的scroll
导致了这个问题。
把y轴的属性也改为auto
就可以了。
.ant-table-body {
overflow: auto !important;
}