大数据量时,vxe-table固定列空白显示问题

936 阅读1分钟

最近在做项目时,发现当数据量大时,滑动滚动条到底部,取消某条数据,然后vxTable.reloadData(this.tableData)时,会出现滚动条滑动到了顶部,且左右两边的固定列空白显示的问题。

经过百度,搜索到几种方法:

一、 xTable.reloadFixed()

xTable.loadData(this.tableData)
xTable.reloadFixed()    

此方法不起作用,因为我的vx-table是v2.XXX版本的,xTable.reloadFixed() is not a function。去查看了vx-table官方文档,也是没有这个方法。因此,这个解决方案不可行。

二、获取表格数据和动态列后,调用xTable.clearScroll()

查看vxe-table的官方文档后,在虚拟滚动处,有一个清除滚动状态的方法,使用这个方法可行。代码如下:

getTableData(){
    xTable.loadData(this.tableData)
    this.getTableColumns()
}
getTableColumns(){
.... 其它代码


....
xTable.clearScroll()

}

到此,问题得到解决,写在这里也是为了方便记忆,不喜勿喷!