antd 表格添加scroll x滑动最后一列有白色间隙

要解决滑动最后一列有白色间隙的问题，可以使用 CSS 的 overflow-x: scroll 属性来设置表格的滚动条，同时设置表格的宽度为固定值或百分比，确保表格可以水平滚动。

以下是一个示例代码：

import React from 'react';
import { Table } from 'antd';

const dataSource = [
  // 数据源
];

const columns = [
  // 列配置
];

const App = () => {
  return (
    <div style={{ width: '100%', overflowX: 'scroll' }}>
      <Table
        dataSource={dataSource}
        columns={columns}
        scroll={{ x: 'max-content' }}
      />
    </div>
  );
};

export default App;

在上述代码中，我们在包裹表格的 div 元素中设置了宽度为 100%，并且设置了 overflowX: scroll，这样当表格内容超出容器宽度时就会出现横向滚动条。

同时，我们在 Table 组件中使用了 scroll 属性，将 x 属性设置为 'max-content'，这会根据表格内容的宽度自动调整表格的宽度，确保最后一列没有白色间隙。

注意：在使用 scroll 属性时，需要确保表格的列配置 (columns) 中每一列都指定了宽度 (width) 属性，否则表格可能会出现列宽不一致的问题