vxe-table 使用分组表头列头

仰望.

已于 2022-01-26 22:16:21 修改

阅读量7.7k

点赞数 3

分类专栏： vxe-ui 文章标签： vxe-table vxe-grid

于 2020-09-29 17:37:53 首次发布

本文链接：https://blog.csdn.net/abc26296/article/details/108872642

版权

本文介绍了vxe-table从1.x到4.x版本中，如何使用分组表头列头的方法。包括1.x~2.x版本的递归方式，2.9.24~3.x版本的支持两种方式，以及3.x~4.x版本引入的<vxe-colgroup>和<vxe-table-colgroup>分组标签。对于vxe-grid高级表格，推荐使用children属性进行配置。

摘要由CSDN通过智能技术生成

vxe-table 使用分组表头列头

1.x ~ 2.x 版本使用 <vxe-column…> | <vxe-table-column…> 标签递归方式

<vxe-table :data="tableData" show-overflow>
  <vxe-column title="基本信息">
    <vxe-column type="seq" width="60"></vxe-column>
    <vxe-column field="name" title="Name"></vxe-column>
  </vxe-column>
  <vxe-column title="更多信息">
    <vxe-column field="role" title="Role"></vxe-column>
    <vxe-column title="详细信息">