找回密码
 立即注册
首页 业界区 业界 使用 vxe-table 实现分组表头子列之间进行拖拽,限制允 ...

使用 vxe-table 实现分组表头子列之间进行拖拽,限制允许子列进行拖拽

频鹏凶 3 天前
使用 vxe-table 实现分组表头子列之间进行拖拽,限制允许子列进行拖拽
官网:https://vxetable.cn
安装
  1. npm install vxe-pc-ui@4.3.55 vxe-table@4.10.0
复制代码
  1. // ...
  2. import VxeUI from 'vxe-pc-ui'
  3. import 'vxe-pc-ui/lib/style.css'
  4. import VxeUITable from 'vxe-table'
  5. import 'vxe-table/lib/style.css'
  6. // ...
  7. createApp(App).use(VxeUI).use(VxeUITable).mount('#app')
  8. // ...
复制代码
效果

1.gif

通过 column-drag-config.isPeerDrag 启用同层级拖拽
  1. <template>
  2.   
  3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
  4.   
  5. </template>
复制代码
https://gitee.com/x-extends/vxe-table

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