ANTD表在分页点击时向上滚动

Question

这是我在 AntD 中的表格代码，单击分页时我希望它滚动到页面顶部。我尝试使用BackTop，但我不知道如何使用分页来做到这一点

const GenericTable = props => {
const { withHeader, pagination, showTable, error } = props;
return (
  <Fragment>
    {withHeader && <TableHeader {...props} />}
     {showTable && (
      <CustomTable
        {...props}
        pagination={{
          ...pagination,
          showTotal,
        }}
      />
    )}
    <TableFooter>{<Error>{error}</Error>}</TableFooter>
  </Fragment>
);
};
GenericTable.defaultProps = {
 pagination: {
 pageSize: 10,
 },
};

Answer 1

Antd 的表有一个 onChange 方法，通过使用该方法，您可以通过 java 脚本滚动到顶部。

用

document.body.scrollTop = 0; // For Safari
document.documentElement.scrollTop = 0;

代码三盒链接安特的表格滚动顶部分页

您始终可以将分页存储在状态中并将其与最新的状态进行比较，以避免在更改表中的任何其他内容(如过滤器或排序(时滚动表格。

我希望这会有所帮助。

谢谢