让antd的table内容滚动到顶部
2018-05-22 本文已影响1人
小进进不将就
北极狐
antd的table是经过多层封装的,所以使用id属性是找不到table实例的,
(1)先用ref找到table的组件实例,
(2)使用ReactDOM.findDOMNode(ref),找到table的DOM实例,
(3)通过console.log找到.ant-table-body
(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)
(完)