antd的表格滚动条怎么监听
时间: 2023-11-23 09:10:37 浏览: 248
如果你想监听 antd 表格组件的滚动事件,可以使用 Table 组件的 `onScroll` 属性。该属性接受一个函数作为参数,当滚动事件触发时,该函数会被调用。
具体实现如下:
```
import React, { useState } from 'react';
import { Table } from 'antd';
const columns = [
// 表格列配置
// ...
];
const data = [
// 表格数据
// ...
];
const CustomTable = () => {
const [scrollTop, setScrollTop] = useState(0);
const handleScroll = (event) => {
setScrollTop(event.target.scrollTop);
};
return (
<Table
columns={columns}
dataSource={data}
pagination={false}
onScroll={handleScroll}
scroll={{ y: 300 }}
/>
);
};
export default CustomTable;
```
在这个例子中,我们使用了 `useState` 来保存表格组件的滚动位置,然后在 `handleScroll` 函数中更新滚动位置。最后,将 `handleScroll` 函数传递给 `onScroll` 属性,即可监听表格组件的滚动事件。
阅读全文