vxe-table 实现双击自适应行高，行高拖拽调整高度

最新推荐文章于 2026-05-28 15:57:38 发布

原创

最新推荐文章于 2026-05-28 15:57:38 发布 · 1.3k 阅读

标签

#vue.js #vxe-table #vxe-ui

收录于

vxe-table 实现双击自适应行高，行高拖拽调整高度

官网：https://vxetable.cn

在这里插入图片描述

通过 row-config.resizable 和 row-resize 启用行高拖拽功能以及 resizable-config.isDblclickAutoHeight 启用双击自适应行高

<template>
  <div>
    <vxe-button status="primary" @click="updateHeight(gridOptions.data[1], 50)">设置第二行高度50</vxe-button>
    <vxe-grid ref="gridRef" v-bind="gridOptions"></vxe-grid>
  </div>
</template>

<script setup>
import {
     
      ref, reactive