antd 表格添加scroll滑动到最后一列停止

要在Antd表格中添加滚动效果并在滚动到最后一列时停止，可以使用Antd Table组件的scroll属性，并结合JavaScript来实现。

首先，在Table组件中设置scroll属性并指定水平滚动的宽度，例如：

import { Table } from 'antd';

const columns = [
  // 列定义
];

const data = [
  // 数据
];

const App = () => (
  <Table
    columns={columns}
    dataSource={data}
    scroll={{ x: '100%' }}
  />
);

然后，使用JavaScript来监听滚动事件，并判断是否已经滚动到最后一列。可以使用ref来获取Table组件的引用，然后在componentDidMount或useEffect钩子函数中添加滚动事件监听器，例如：

import { Table } from 'antd';

const columns = [
  // 列定义
];

const data = [
  // 数据
];

const App = () => {
  const tableRef = useRef(null);

  useEffect(() => {
    const table = tableRef.current;
    const scrollContainer = table.querySelector('.ant-table-body');
    
    const handleScroll = () => {
      const scrollLeft = scrollContainer.scrollLeft;
      const maxScrollLeft = scrollContainer.scrollWidth - scrollContainer.clientWidth;
      
      if (scrollLeft === maxScrollLeft) {
        // 滚动到最后一列时的逻辑
        console.log('滚动到最后一列');
      }
    };

    scrollContainer.addEventListener('scroll', handleScroll);
    return () => {
      scrollContainer.removeEventListener('scroll', handleScroll);
    };
  }, []);

  return (
    <Table
      columns={columns}
      dataSource={data}
      scroll={{ x: '100%' }}
      ref={tableRef}
    />
  );
};

需要注意的是，上述代码使用了useRef和useEffect钩子函数，因此需要确保你的项目支持React Hooks。

上述代码中，handleScroll函数会在滚动事件触发时被调用，通过比较scrollLeft和maxScrollLeft来判断是否滚动到最后一列。当滚动到最后一列时，你可以执行你需要的逻辑。

最后，将Table组件的ref属性设置为tableRef，以便在useEffect钩子函数中获取到Table组件的引用。这样就可以通过tableRef.current来访问Table组件的DOM元素，并添加滚动事件监听器。

希望以上信息对你有所帮助