прокрутить таблицу 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;

CodeSanbox Link Прокрутить таблицу Antd вверх по нумерации страниц

Вы всегда можете сохранить нумерацию страниц в состоянии и сравнить ее с последней, чтобы избежать прокрутки таблицы при изменении чего-либо в таблице, например, фильтра или сортировки.

Надеюсь, это поможет.

Спасибо