关于前端:Vue-vxetable使用问题收录

4次阅读

共计 515 个字符,预计需要花费 2 分钟才能阅读完成。

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,这个属性就失效了。

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

正文完
 0