问题描述:
如下图,使用vxe-table
组件时候出现如下显示问题:
问题分析:
首先,项目不是我搭建的,对vxe-table
组件的认识我只停留在使用阶段,为了解决这个问题,不得不翻阅了这个组件的源码,获益良多。
版本:^3.0.18
(npm 如何查看一个包的版本信息?)
要解决这个问题你肯定得知道,这个分页的部分是怎么显示出来的,我们在官方文档可以看到,源码中有一个pager
组件来实现分页:
我们项目中使用的是vxe-grid
高级表格,也就是可以通过pager-config
属性来设置分页的相关内容。这里你设置了pager-config
属性后会根据你的配置在表格中插入我们上面的这个pager
组件,效果如官网范例。
我们在文档中找到关于分页配置属性的说明&