antd table 怎么能让滚动条一直显示呢?

领导表示想要滚动条一直显示,如果滚轮坏了,就需要拖动滚动条。antd的table可以设置scroll属性,让表格超出一定高度就滚动,但是只有有滚动的时候滚动条才会显示。
怎么让滚动条一直显示呢,给ant-table-body设计overflow: scroll属性也不行

<Table
  components={components}
  rowClassName={() => 'editable-row'}
  bordered
  dataSource={dataSource}
  columns={columns}
  scroll={{
    y: 150
  }}
/>

image.png

阅读 19.4k
2 个回答

在windows系统中,设置overflow:scroll滚动条会一直显示。

在mac os系统中,需要你去设置。
image.png

自定义滚动条样式就可以了`
&::-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;
}

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏