技术干货

让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

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)

(完)

上一篇下一篇

猜你喜欢

热点阅读