句惫 发表于 2026-1-9 13:50:00

vxe-table 个性化列自定义列弹出层修改高度、修改最大高度不自动适应表格高度的方法

vxe-table 个性化列自定义列弹出层修改高度、修改最大高度不自动适应表格高度的方法
默认情况下，在表格设置高度或最小高度的情况下个性化列弹出层默认内部模式（自适应表格高度），表格多高就最大多高；未设置高度情况下默认外部模式（不跟随表格高度）
https://vxetable.cn
自适应高度时

当 custom-config.poupuOptions.mode='auto' 时,且同时设置高度时

不设置高度时

<template>

    <vxe-radio-group v-model="gridOptions.height">
      <vxe-radio-button checked-value="200" content="高度200"></vxe-radio-button>
      <vxe-radio-button checked-value="" content="不设置高度"></vxe-radio-button>
    </vxe-radio-group>
    <vxe-grid v-bind="gridOptions"></vxe-grid>

</template>强制渲染弹出层为外部模式

强制渲染弹出层为外部模式，可以通过 custom-config.poupuOptions.mode='outside' 来设置，不管有没有设置高度都能超出表格显示，再配置 maxHeight 自定义最大高度

<template>

    <vxe-radio-group v-model="gridOptions.height">
      <vxe-radio-button checked-value="200" content="高度200"></vxe-radio-button>
      <vxe-radio-button checked-value="" content="不设置高度"></vxe-radio-button>
    </vxe-radio-group>
    <vxe-grid v-bind="gridOptions"></vxe-grid>

</template>https://gitee.com/x-extends/vxe-table

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

方子楠 发表于 2026-1-9 22:31:10

热心回复！

沃盼盼 发表于 2026-1-13 19:20:27

yyds。多谢分享

涅牵 发表于 2026-1-15 21:36:30

yyds。多谢分享

亢安芙 发表于 2026-1-16 02:54:09

过来提前占个楼

铝缉惹 发表于 2026-1-20 01:15:38

收藏一下   不知道什么时候能用到

甄婉丽 发表于 2026-1-23 08:07:21

谢谢分享，辛苦了

迎脾 发表于 2026-1-24 10:28:49

yyds。多谢分享

梁丘眉 发表于 2026-1-27 05:06:25

新版吗？好像是停更了吧。

岭猿 发表于 2026-1-28 06:19:21

鼓励转贴优秀软件安全工具和文档！

里豳朝 发表于 2026-1-28 15:45:26

新版吗？好像是停更了吧。

明思义 发表于 2026-1-29 03:21:38

谢谢楼主提供！

郏琼芳 发表于 2026-1-29 06:24:42

感谢分享，学习下。

纣捎牟 发表于 2026-2-7 07:50:25

前排留名，哈哈哈

仲秀娟 发表于 2026-2-8 02:32:55

谢谢分享，辛苦了

庞悦 发表于 2026-2-9 11:46:47

不错，里面软件多更新就更好了

归悦可 发表于 2026-2-11 06:51:45

不错，里面软件多更新就更好了

羽桑 发表于 2026-2-11 13:24:54

分享、互助 让互联网精神温暖你我

茅香馨 发表于 2026-2-12 13:31:26

不错，里面软件多更新就更好了
页: [1]
查看完整版本: vxe-table 个性化列自定义列弹出层修改高度、修改最大高度不自动适应表格高度的方法