Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript antd表格在分页时向上滚动单击_Javascript_Reactjs_Antd - Fatal编程技术网

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

Javascript antd表格在分页时向上滚动单击,javascript,reactjs,antd,Javascript,Reactjs,Antd,这是我在AntD中的表代码,在分页时单击我希望它滚动到页面顶部。我试着使用,但我不知道如何使用分页 const GenericTable = props => { const { withHeader, pagination, showTable, error } = props; return ( <Fragment> {withHeader && <TableHeader {...props} />} {showTable

这是我在AntD中的表代码,在分页时单击我希望它滚动到页面顶部。我试着使用,但我不知道如何使用分页

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,
 },
};
const GenericTable=props=>{
const{withHeader,分页,可显示,error}=props;
返回(
{withHeader&&}
{可展示&&(
)}
{{error}}
);
};
GenericTable.defaultProps={
分页:{
页面大小:10,
},
};

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

使用

密码箱链接

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

我希望这会有所帮助


谢谢

分页组件还有一个onChange属性。您可以从那里改进调用建议代码的解决方案。
document.body.scrollTop = 0; // For Safari
document.documentElement.scrollTop = 0;