北极狐
antd的table是经过多层封装的，所以使用id属性是找不到table实例的，
（1）先用ref找到table的组件实例，
（2）使用ReactDOM.findDOMNode(ref)，找到table的DOM实例，
（3）通过console.log找到.ant-table-body
image.png
（4）调用scrollTo(0,0)实现滚动到表格顶部的效果.
关键代码如下：
<Table ref={c => this.usertable = c} >
</Table>
let tableDOM=ReactDOM.findDOMNode(this.usertable)
$(tableDOM).find('.ant-table-body')[0].scrollTo(0,0)
（完）
antd的table是经过多层封装的，所以使用id属性是找不到table实例的，（1）先用ref找到table的组...
一、效果一: table 点击翻页 滚动条回到顶部 效果二: 监听table 组件的滚动事件
如何实现上下滚动效果： （1）让内容在显示区域滚动； （2）内容面板没有接触到顶部时，让内容面板移动至顶部； （3...
滚动试图顶部， 有需要的固定内容， 往上滚动， 隐藏顶部div内容 代码
背景 使用react+antd开发 下拉加载更多数据 Antd的Table组件本身是不提供滚动事件的；在开发时，...
第一种方法 第二种方法
当指定容器滚动到顶部时，让他粘在顶部，离开时跟随页面滚动（不使用页面滚动事件） 1、准备工作 WXML WXSS ...
使用table 单元格编辑功能时，每次里焦触发成功后手动调用了table.reload函数，导致滚动条初始化到顶部...
在一个可滚动视图页面，要求顶部toolbar不可滚动，但顶部toolbar与下面的内容的背景一致，该怎么实现？ 设...
本文标题：让antd的table内容滚动到顶部
本文链接：https://www.haomeiwen.com/subject/mdtkjftx.html
网友评论