Vue vxe-table使用问题收录小结

1、调整 vxe-table 表格(表头)排序箭头的位置

element-ui中el-table的排序上下箭头间距比较小

而vxe-table的排序默认样式下上下箭头间距比较大

如果在同一个页面内同时使用了el-table 和 vxe-table，这两个排序箭头会明显的不同，此时建议调整vxe-table的箭头高度。

用深度选择器

::v-deep .vxe-sort--asc-btn {
top: 0px;
}
::v-deep .vxe-sort--desc-btn {
top: 7px;
}

调整后的样式如下，和el-table的上下箭头间距基本一致。

2、调整 vxe-grid 设置rowConfig: {height: 60} 不生效

vxe-table的版本低了，升级一下。

vue2项目，对应的是vxe-table v3+版本

设置rowConfig: {height: 60} 不生效。height这个属性没有标明版本，按说是全版本支持，但是当时项目用的3.3.x版本确实不生效。 而后升级到了@3的最新版本3.6.13，这个属性就生效了。

以上就是Vue vxe-table使用问题收录小结的详细内容，更多关于Vue vxe-table使用的资料请关注脚本之家其它相关文章！