antd table滚动条的问题

演绎那段情
  • 643

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

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

image.png

评论
阅读 2.3k
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;
}

撰写回答

登录后参与交流、获取后续更新提醒

宣传栏