antd table滚动条的问题
领导表示想要滚动条一直显示,如果滚轮坏了,就需要拖动滚动条。antd的table可以设置scroll属性,让表格超出一定高度就滚动,但是只有有滚动的时候滚动条才会显示。
怎么让滚动条一直显示呢,给ant-table-body设计overflow: scroll属性也不行
<Table
components={components}
rowClassName={() => 'editable-row'}
bordered
dataSource={dataSource}
columns={columns}
scroll={{
y: 150
}}
/>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
在windows系统中,设置
overflow:scroll
滚动条会一直显示。在mac os系统中,需要你去设置。
自定义滚动条样式就可以了
`
&::-webkit-scrollbar {
width: 10px!important;
}
/ Track /
&::-webkit-scrollbar-track {
background: #f1f1f1!important;
}
/ Handle /
&::-webkit-scrollbar-thumb {
background: #ddd!important;
}
/ Handle on hover /
&::-webkit-scrollbar-thumb:hover {
background: #ddd!important;
}