javascript - antd table 在分页点击时向上滚动

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;

CodeSanbox 链接 Antd's table scroll top on pagination

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

希望对您有所帮助。

谢谢