[Vue] vxe-table使用问题收录

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

element-ui中el-table的排序上下箭头间距比较小
[Vue] vxe-table使用问题收录_第1张图片

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

如果在同一个页面内同时使用了el-table 和 vxe-table,这两个排序箭头会明显的不同,此时建议调整vxe-table的箭头高度。
用深度选择器
::v-deep .vxe-sort--asc-btn {

top: 0px;

}
::v-deep .vxe-sort--desc-btn {

top: 7px;

}
调整后的样式如下,和el-table的上下箭头间距基本一致。
image.png

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

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

vue2项目,对应的是vxe-table v3+版本
[Vue] vxe-table使用问题收录_第2张图片

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

同步更新到自己的语雀
https://www.yuque.com/dirackeeko/blog/tiaytog1uzms4zsa

你可能感兴趣的:([Vue] vxe-table使用问题收录)