element合并表格？

最新推荐文章于 2024-06-18 00:07:22 发布

原创

最新推荐文章于 2024-06-18 00:07:22 发布 · 559 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #elementui

刚听到这个需求，感觉简直不要太简单。虽然没有搞过这样的需求，但是element的table自带合并不是么。然后自以为是的我被现实狠狠的打了一巴掌

一、官方API

【element table】
如果官方文档能够解决我的问题，就不会有以下问题了。不过还是建议有必要尝试一下官方Demo

二、接收需求

当指定的两列，值与相邻行相同时需要对指定列进行合并操作

先来一些模拟数据：

  data() {
   
   
    return {
   
   
      tableData: [
        {
   
    id: "0", name: "张三", sex: "女" },
        {
   
    id: "1", name: "李四", sex: "男" },
        {
   
    id: "2", name: "李四", sex: "男" },
        {
   
    id: "3", name: "李四", sex: "未知" },
        {
   
    id: "4", name: "王五", sex: "未知" },
        {
   
    id: "5", name: "张三", sex: "女" },
        {
   
    id: "6", name: "张三", sex: "女" },
        {
   
    id: "7", name: "张三", sex: "未知" },
        {
   
    id