找回密码
 立即注册
首页 业界区 业界 vxe-table 新版本支持分组列的拖拽调整宽度了 ...

vxe-table 新版本支持分组列的拖拽调整宽度了

盒礁泅 2025-6-6 19:16:34
最新新版本 vxe-table 分组列也支持列宽调整宽度了
官网:https://vxetable.cn
https://github.com/x-extends/vxe-table
1.gif

通过参数 column-config.resizable 启用列宽拖拽功能
  1. <template>
  2.   
  3.     <vxe-table
  4.       border
  5.       :column-config="{resizable: true}"
  6.       :data="tableData">
  7.       <vxe-colgroup title="基本信息">
  8.         <vxe-column type="seq" width="70"></vxe-column>
  9.         <vxe-column field="name" title="Name"></vxe-column>
  10.       </vxe-colgroup>
  11.       <vxe-colgroup title="更多信息">
  12.         <vxe-column field="role" title="Role"></vxe-column>
  13.         <vxe-column field="age" title="Age"></vxe-column>
  14.         <vxe-colgroup title="详细信息">
  15.           <vxe-column field="sex" title="Sex"></vxe-column>
  16.           <vxe-column field="date" title="Date" width="140" show-overflow></vxe-column>
  17.         </vxe-colgroup>
  18.       </vxe-colgroup>
  19.       <vxe-column field="address" title="Address" width="200" show-overflow></vxe-column>
  20.     </vxe-table>
  21.   
  22. </template>
复制代码
https://gitee.com/x-extends/vxe-table

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

相关推荐

您需要登录后才可以回帖 登录 | 立即注册