antd-table滚动条

8,369 阅读1分钟

antd-table的滚动条在指定场景下回滚到顶部

场景一:

使用表格自身的翻页或者表格有排序功能,想要在每次change的时候需要将滚动条位置回到顶端,则使用它自身的一个配置项 scrollToFirstRowOnChange,如下:

支持3.24.0 版本以后

场景二:

使用antd-Pagination实现分页,或者需要在页面切换的时候表格滚动条回滚到顶部,需要自己获取table下的ant-table-body元素,然后重置scrollTop为0,如下:

table 配置,给一个id

获取dom

//- 获取table的dom节点
let parentDom = document.getElementById('table')

//- 获取table下ant-table-body的dom节点
let childDom = parentDom && parentDom.getElementsByClassName('ant-table-body')

//- 滚动条置顶
childDom[0].scrollTop = 0