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

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

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

不设置高度时

1. <template>
2.   
3.     <vxe-radio-group v-model="gridOptions.height">
4.       <vxe-radio-button checked-value="200" content="高度200"></vxe-radio-button>
5.       <vxe-radio-button checked-value="" content="不设置高度"></vxe-radio-button>
6.     </vxe-radio-group>
7.     <vxe-grid v-bind="gridOptions"></vxe-grid>
8.   
9. </template>

复制代码

强制渲染弹出层为外部模式

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

1. <template>
2.   
3.     <vxe-radio-group v-model="gridOptions.height">
4.       <vxe-radio-button checked-value="200" content="高度200"></vxe-radio-button>
5.       <vxe-radio-button checked-value="" content="不设置高度"></vxe-radio-button>
6.     </vxe-radio-group>
7.     <vxe-grid v-bind="gridOptions"></vxe-grid>
8.   
9. </template>

复制代码

https://gitee.com/x-extends/vxe-table

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

热心回复！