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使用的资料请关注脚本之家其它相关文章!
相关文章
iview-table组件嵌套input select数据无法双向绑定解决
这篇文章主要为大家介绍了iview-table组件嵌套input select数据无法双向绑定解决示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2022-09-09
laravel+vue组合的项目中引入ueditor方式(打包成组件形式)
今天小编就为大家分享一篇laravel+vue组合的项目中引入ueditor方式(打包成组件形式),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11


最新评论