首页 > 其他分享 >antdVue 合并a-table相同内容行的方法

antdVue 合并a-table相同内容行的方法

时间:2025-01-03 17:46:09浏览次数:1  
标签:antdVue index rowSpan text 合并 attrs key table data

{
          title: "核算项",
          dataIndex: "hesxName",
          key: "hesxName",
          align: "center",
          customRender: (text, record, index) => {
            const obj = {
              children: text !== null ? text : "",
              attrs: {},
            };
            obj.attrs.rowSpan = this.mergeCells(
              text,
              this.cacheData.snapshot,
              "hesxName",
              index
            );
            return obj;
          },
mergeCells(text, data, key, index) {
      // 上一行该列数据是否一样
      if (index !== 0 && text === data[index - 1][key]) {
        return 0;
      }
      let rowSpan = 1;
      // 判断下一行是否相等
      for (let i = index + 1; i < data.length; i++) {
        if (text !== data[i][key]) {
          break;
        }
        rowSpan++;
      }
      return rowSpan;
    },

上面是antdvue 1.0 版本;

二、antdv2.x 及antd3.1以下版本和1.x差不多,但是需要将attrs 改为 props ,如以下官网案例。

三、antdvue 3.1 以上

很明显,3.1以上的版本,完全改变了字段,变成了customCell 而且里面参数也有了一定的变化,如上是参考,其中data.data是接口返回的table所有数据。

标签:antdVue,index,rowSpan,text,合并,attrs,key,table,data
From: https://www.cnblogs.com/panwudi/p/18650627

相关文章

  • Stable Diffusion4.9下载及安装教程
    安装步骤有需要stablediffusion整合包以及提示词插件,可以扫描下方,免费获取1.下载【StableDiffusion4.9】到本地,选择非系统自带解压软件【解压到StableDiffusion4.9】2.打开解压后的文件,选择【以管理员身份运行】3.【安装】4.安装中5.安装成功,【关闭】6.右击......
  • AI画图变现教程,如何利用stable diffusion变现
    0****1如何找到好的ai画图工具(免费)画图软件:目前市面上的画图工具比较多,但是绝大多数都要收费或者有限制,可以使用stablediffusion整合包ai关键词:很多小伙伴都知道画图软件,但是如何可以画出好看的图呢,简单输入几个字就可以吗?并不是,每个用户注册后使用的ai模型都是需要训练......
  • 超强AI绘画工具StableDiffusion,SD整合包V4.9 来了 版本win加mac安装包以及搭载PS安装
    众所周知,StableDiffusion是非常强大的AI绘图工具,今天为大家带来的是StableDiffusionSD整合包v4.9版本安装说明。这里带来的安装版本是9月最新整合包sd-webui-aki-v4.9版本。WIN加MAC有需要stablediffusion整合包以及提示词插件,可以扫描下方,免费获取一、整合......
  • 如何解决Git合并冲突?.241217
    讲个故事先:一个晴朗的日子,Alex把远程版本库的修改拉到他的本地版本库。他修改了名为abc.txt的文件,将其暂存(staged),提交(committed),最后推送(pushed)回远程版本库。同时,Tina不知道Alex对abc.txt文件的修改,在该文件的相同区域做了一些修改,并尝试将其推送到远程仓库。Git是一......
  • 【案例实操】Stable Diffusion 将产品白底图变成电商模特场景图全流程思路分享
    前言:在电商的视觉战场上,产品展示图的吸引力关乎成败。白底图虽简洁,却难在竞争中脱颖而出。本案例实操将为你揭秘如何利用StableDiffusion扭转乾坤,把单调白底图转化为吸睛的电商模特场景图,开启创意无限的电商视觉营销新篇章。今天分享一下SD模特+化妆品,艺术创作的教程......
  • Stable Diffusion|图生图基础教程
    本教程旨在为广大对SD图生图技术感兴趣的学习者提供一个系统性的入门指南,帮助大家揭开这一前沿技术的神秘面纱,逐步掌握其应用方法。#01/如何使用图生图并不是单纯的直接由图片生成图片,原始图片只是做主体参考图,打个比喻,你要做一道经典的意大利肉酱面,这是“原图”,现在,你想......
  • Oracle 20c Native Blockchain Table vs. Hyperledger
     一、OracleNativeBlockchain(甲骨文原生区块链)(一)特点紧密集成数据库OracleNativeBlockchain与Oracle数据库紧密集成。这意味着对于已经在使用Oracle数据库的企业来说,能够很方便地利用现有基础设施。例如,企业的ERP(企业资源规划)系统等依......
  • Android 14.0 系统限制上网系列之iptables用IOemNetd实现app上网黑名单的实现
    1.前言在14.0的系统rom定制化开发中,对于系统限制网络的使用,在system中netd网络这块的产品需要中,会要求设置屏蔽某个app上网的功能,liunx中iptables命令也是比较重要的,接下来就来在IOemNetd这块实现app上网黑名单的的相关功能,就是在系统中只能不允许某个app上网,就是除了这个app......
  • 使用vue-seamless-scroll实现el-table表格滚动
    需求实现 <divclass="appeal-table"style="display:inline-block;width:100%;"><el-table:data="tableData1"stripestyle="width:100%;"@row-click="......
  • 【stable diffusion教程】AI绘画最强SD(Stable Diffusion)玩法实操教学案例及商业变现项
    前言AI绘画现在越来越火爆了,很多人无论大人小孩都在玩,还有的很多电商老板也在使用辅助生成产品主图和详情页,可以说是非常的实用。而其中最让人追捧和好评的就是SD(StableDiffusion)这款AI绘图软件了,StableDiffusion是一款基于深度学习的图像生成工具,它可以根据文本描述生成......