喝岖 发表于 2025-6-6 10:21:40

vxe-table 列宽拖拽模式设置,自适应列宽,固定列宽

在使用 vxe-table 是,常用的列宽拖拽调整功能,通过列宽调整可以让用户灵活的自定义列宽。两种拖拽调整列宽模式分别用于不同场景。
动态列宽分配模式

调整列宽之后,对于未设置列宽的列会重新动态分配剩余宽度

<template>

    <vxe-grid v-bind="gridOptions"></vxe-grid>

</template>列宽固定拖拽模式

通过设置 resizable-config.dragMode='fixed' 属性启用固定宽度模式;
在该模式下拖拽列宽之后将会始终保持和界面看到的列宽完全一致,不会再重新动态分配剩余列宽

<template>

    <vxe-grid v-bind="gridOptions"></vxe-grid>

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

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: vxe-table 列宽拖拽模式设置,自适应列宽,固定列宽