美文网首页技术干货
让antd的table内容滚动到顶部

让antd的table内容滚动到顶部

作者: 小进进不将就 | 来源:发表于2018-05-22 16:29 被阅读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)
    

    (完)

    相关文章

      网友评论

        本文标题:让antd的table内容滚动到顶部

        本文链接:https://www.haomeiwen.com/subject/mdtkjftx.html