美文网首页
element-ui table 表格 滚动条置顶 / 回到第一

element-ui table 表格 滚动条置顶 / 回到第一

作者: 小蝴蝶_037a | 来源:发表于2019-01-30 16:29 被阅读0次

    网上说的
    滚动到第一行:(对我的表格往后翻页都有效 就是第一页不行)

    this.$refs.table.bodyWrapper.scrollTop =0;
    

    ps:这里有点傻了,只想着复制粘贴,其实这里在表格上还要加上ref = "table"属性,不然不生效
    滚动到最后一行:(没试过)

    this.$refs.table.bodyWrapper.scrollTop =this.$refs.table.bodyWrapper.scrollHeight;
    

    我最后用JQ解决的

    $('#table .el-table__body-wrapper').scrollTop(0); //滚动条置顶
    

    我试了一下没问题(JQ大法好啊,/笑哭)

    相关文章

      网友评论

          本文标题:element-ui table 表格 滚动条置顶 / 回到第一

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