antd table scroll up on pagination click

Question

this is my table code in AntD, On pagination clicked I want it to scroll to page top. I tried using BackTop but I couldn't figure out how to do that with pagination

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's table have a onChange method, by using that you can scroll to top by java script.

use

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

CodeSanbox Link Antd's table scroll top on pagination

You can always store pagination in state and compare it to latest one, to avoid scroll of table on changing of anything else in table like filter or sorting.

I hope this would help.

Thanks