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

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

我希望这会有所帮助。

谢谢

antd表在分页时向上滚动单击

1 个答案: