antd中table组件关于scroll的问题

Question

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

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

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

Answer 1

可以自己写一个。

获取到table的dom

<Table ref={(ref)=>this.table=ref} />

const table = ReactDom.findDOMNode(this.table),
      tableBody = table.querySelector('.ant-table-body');

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

tableBody.scrollTop = 0;

Answer 2

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

Answer 3

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