antd中table组件关于scroll的问题

官方示例:https://ant.design/components...

如何控制才能让翻页的时候,把当前的滚动条定位到表格的顶部?这样可以确保每次翻页时列表数据是从上往下阅读的。

当前官方提供的在当前页阅读列表下滑后,再翻页后滚动条还是在原处。

阅读 3k
评论
    3 个回答

    可以自己写一个。

    获取到table的dom

    <Table ref={(ref)=>this.table=ref} />
    
    const table = ReactDom.findDOMNode(this.table),
          tableBody = table.querySelector('.ant-table-body');

    然后翻页的时候让滚动条到顶部就好了

    tableBody.scrollTop = 0;
    评论 赞赏

      可以试试获取到表格元素,每次点击翻页的时候将其 scrollTop 设置为 0

      评论 赞赏

        3.24.0版本后,scroll 属性新增了配置项 scrollToFirstRowOnChange,可以试下。

        评论 赞赏
          撰写回答

          登录后参与交流、获取后续更新提醒