Vue3中vxeTable 设置行高无效

JxHillMan

于 2025-02-18 14:54:16 发布

阅读量274

点赞数 3

分类专栏： Vue 文章标签：前端 vue.js javascript

本文链接：https://blog.youkuaiyun.com/hz_lgf/article/details/145705957

版权

Vue 专栏收录该内容

10 篇文章

订阅专栏

如下：设置 :row-config="{ isHover: true, height: 30 }" ，表格行高无变化：

 <vxe-table ref="zQuoSale" :data="zQuoSaleList" border size="mini" height="345"
          :row-config="{ isHover: true, height: 30 }" 
          :column-config="{ resizable: true }" :footer-method="sumSale"
          show-footer :scroll-y="{ enabled: true, gt: 10 }"
          :edit-config="{ trigger: 'click', mode: 'cell' }" stripe>

解决方法：

在表格参数中增加： show-overflow，最终结果如下：

 <vxe-table ref="zQuoSale" :data="zQuoSaleList" border size="mini" height="345"
          :row-config="{ isHover: true, height: 30 }" 
          :column-config="{ resizable: true }" :footer-method="sumSale"
          show-footer show-overflow :scroll-y="{ enabled: true, gt: 10 }"
          :edit-config="{ trigger: 'click', mode: 'cell' }" stripe>