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

阅读 366
评论
    2 个回答
    • 2.1k

    在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;
      }

        撰写回答

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