找回密码
 立即注册
首页 业界区 业界 vxe-table 列宽拖拽模式设置,自适应列宽,固定列宽 ...

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

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

调整列宽之后,对于未设置列宽的列会重新动态分配剩余宽度
1.gif
  1. <template>
  2.   
  3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
  4.   
  5. </template>
复制代码
列宽固定拖拽模式

通过设置 resizable-config.dragMode='fixed' 属性启用固定宽度模式;
在该模式下拖拽列宽之后将会始终保持和界面看到的列宽完全一致,不会再重新动态分配剩余列宽
2.gif
  1. <template>
  2.   
  3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
  4.   
  5. </template>
复制代码
https://gitee.com/x-extends/vxe-table

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
您需要登录后才可以回帖 登录 | 立即注册