十六、Vben框架table内部合并行

        在vben项目中合并内部的行是一个常规的操作,以前我们说过如果是一条数据内部只需要分割拿高撑开就可以实现,在第三章的时候我们已经讲过了,那么如果是不定的条数合并为一条数据呢,怎么能够实现呢,下面我们就来讲讲。

先看效果图

        

        如图,能看到是三条数据,其实是8条数据的合并,其中一个是两条,另外两个数三条,咱们可以看下接口返回数据。

下面来看一下我们的具体实现

一、在template中写好table组件

 <BasicTable
 

相关推荐

  1. el-table 合集合并

    2024-02-03 13:04:01       39 阅读
  2. vue项目- el-table表格合并

    2024-02-03 13:04:01       40 阅读
  3. vben框架是什么

    2024-02-03 13:04:01       41 阅读
  4. Vue的table组件合并方法

    2024-02-03 13:04:01       46 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-03 13:04:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-03 13:04:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-02-03 13:04:01       82 阅读
  4. Python语言-面向对象

    2024-02-03 13:04:01       91 阅读

热门阅读

  1. 前端工程化之:webpack1-11(其他配置)

    2024-02-03 13:04:01       56 阅读
  2. XML要点总结

    2024-02-03 13:04:01       41 阅读
  3. uniapp本地存储的几种方式localStorage

    2024-02-03 13:04:01       59 阅读
  4. 工厂模式与抽象工厂模式

    2024-02-03 13:04:01       49 阅读
  5. uniapp中封装一个svg转base64的组件

    2024-02-03 13:04:01       48 阅读
  6. 构建高效可靠的消息队列系统:设计与实现

    2024-02-03 13:04:01       44 阅读
  7. 2401cmake,学习cmake4

    2024-02-03 13:04:01       52 阅读