antd table 表格横向滚动条粘性在底部

要实现antd table表格横向滚动条粘性在底部，可以使用css样式来实现。

首先，在table组件上加上scroll属性：

<Table scroll={{ x: 'max-content', y: 500 }} columns={columns} dataSource={data} />

然后，在样式中设置横向滚动条的样式：

.ant-table-wrapper {
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
}

.ant-table-wrapper::-webkit-scrollbar {
  height: 6px;
  background-color: transparent;
}

.ant-table-wrapper::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.2);
}

.ant-table-wrapper::-webkit-scrollbar-track {
  background-color: transparent;
}

.ant-table-wrapper .ant-table-body {
  position: relative;
  overflow-x: visible;
  overflow-y: visible;
}

.ant-table-wrapper .ant-table-body::after {
  content: '';
  display: block;
  height: 6px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}

其中，设置了.ant-table-wrapper的position为relative，overflow-x为scroll，overflow-y为hidden，这样设置可以让.ant-table-wrapper成为滚动容器，并且横向滚动条可以出现。

接着，设置了横向滚动条的样式，包括高度、背景颜色、滑块样式、轨道样式等。

最后，设置.ant-table-body的position为relative，overflow-x为visible，overflow-y为visible，这样可以让.ant-table-body的内容在横向滚动条下面显示。

同时，还加了一个伪元素::after，在.ant-table-body下面添加了一个高度为6px、宽度为100%的div，通过设置背景渐变，可以实现横向滚动条粘性在底部的效果。