裴涛 发表于 2025-6-6 09:56:18

使用 vxe-table 来实现左边是树,右边是表格联动功能

使用 vxe-table 来实现左边是树,右边是表格联动功能,当需要实现左右两侧联动时,表格 vxe-grid 配合分割模板 vxe-split 就很容易实现了
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
预览


代码

<template>

    <vxe-split height="600" border padding>
      <vxe-split-item width="200" min-width="100">
      <vxe-tree v-bind="treeOptions" @current-change="currentChangeEvent"></vxe-tree>
      </vxe-split-item>

      <vxe-split-item min-width="300">
      <vxe-grid v-bind="gridOptions"></vxe-grid>
      </vxe-split-item>
    </vxe-split>

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

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: 使用 vxe-table 来实现左边是树,右边是表格联动功能