修改 antd table 滚动条 的样式

在Ant Design Table组件中，如果你想要修改滚动条的样式，你可以通过自定义CSS或者利用CSS模块覆盖默认样式来实现。这里是一个基本的步骤：

1. **自定义全局CSS**:
如果你希望对所有Table组件的滚动条样式都进行修改，可以将新的CSS规则添加到你的全局CSS文件中。例如，你可以这样做：

   .ant-table-scrollbar {
     scrollbar-width: thin; /* 可以改变滚动条宽度 */
     scrollbar-color: rgba(0, 0, 0, .4) transparent; /* 颜色设置 */
   }
   .ant-table-scrollbar-track {
     background: rgba(0, 0, 0, .05); /* 轨道颜色 */
   }
   .ant-table-scrollbar-thumb {
     background: rgba(0, 0, 0, .4); /* 拖动滑块的颜色 */
   }

2. **应用到特定table元素**:
如果只想针对某一个具体的Table组件更改滚动条样式，可以在Table组件上加上一个`className`属性，并使用对应的类名：

   <Table className="custom-scrollbar" />

然后在你的CSS文件中，创建`.custom-scrollbar .ant-table-scrollbar`规则。

3. **使用CSS Modules** (如果项目支持):
如果你的项目使用了CSS Modules，你需要引用并覆盖相应的模块化类名。首先，在`style.module.css`中找到滚动条相关的类名，然后在你的组件中使用`styled-components`等库覆盖它。

记得在CSS选择器中精确匹配你想修改的滚动条部分，如`.ant-table-body::-webkit-scrollbar` 或 `.ant-table-header::-webkit-scrollbar`，具体取决于你希望修改哪一部分的滚动条。