首页 > 其他分享 >el-table 合并单元格

el-table 合并单元格

时间:2024-04-25 16:59:16浏览次数:22  
标签:el const index rowIndex 单元格 spanOneArr length table row

objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      const length =
        this.newlist[this.saveindex].data.newTable.length -
        this.newlist[this.saveindex].data.tag_list_all.length
      // 新增:处理前两行前两列的合并
      if (rowIndex < length && columnIndex < 2) {
        if (columnIndex === 0) {
          return {
            rowspan: 1,
            colspan: 2 // 合并两列
          }
        } else {
          return {
            rowspan: 0,
            colspan: 0 // 隐藏第二列的其他单元格(已被第一列合并)
          }
        }
      }
      if (columnIndex === 0 && rowIndex >= length) {
        const _row = this.flitterData(
          this.newlist[this.saveindex].data.newTable
        ).one[rowIndex]
        const _col = _row > 0 ? 1 : 0
        return {
          rowspan: _row,
          colspan: _col
        }
      }
    },
    flitterData(arr) {
      const spanOneArr = []
      let concatOne = 0
      arr.forEach((item, index) => {
        if (index === 0) {
          spanOneArr.push(1)
        } else {
          if (item.p_value === arr[index - 1].p_value) {
            // 第一列需合并相同内容的判断条件
            spanOneArr[concatOne] += 1
            spanOneArr.push(0)
          } else {
            spanOneArr.push(1)
            concatOne = index
          }
        }
      })
      return {
        one: spanOneArr
      }
    },

  

标签:el,const,index,rowIndex,单元格,spanOneArr,length,table,row
From: https://www.cnblogs.com/ylblogs/p/18158042

相关文章

  • Electron打包的时候路径出现问题!include: could not find: "C:\Users\xxxx\AppDat
    !include:couldnotopenfile:"C:\ztg\projects\electron-vite-vue-ts\node_modules\.pnpm\[email protected][email protected][email protected]_dmg-bui_lrspnoputfiosacwyigcypdbdi\node_modules\app-builder-lib\t......
  • 苹果开源高效语言模型 OpenELM;全球首个 AI 基因编辑器开源丨RTE 开发者日报 Vol.192
       开发者朋友们大家好: 这里是「RTE开发者日报」,每天和大家一起看新闻、聊八卦。我们的社区编辑团队会整理分享RTE(RealTimeEngagement)领域内「有话题的新闻」、「有态度的观点」、「有意思的数据」、「有思考的文章」、「有看点的会议」,但内容仅代表编......
  • Sentinel如何持久化数据到Nacos?
    默认情况下Sentinel只能接收到Nacos推送的消息,但不能将自己控制台修改的信息同步给Nacos,如下图所示:但是在生成环境下,我们为了更方便的操作,是需要将Sentinel控制台修改的规则也同步到Nacos的,所以在这种情况下我们就需要修改Sentinel的源码,让其可以实现和Nacos的双向......
  • 前端工程师-自动拉取iconfont的批处理文件-windows10版本-用到了powershell的解压功能
    直接上代码,有任何问题直接留言,我们一起讨论  @echooffSETdirName=替换成压缩包解压后希望叫的名字SETOldPattern=font_*_*rmdir/q/s"删除原来的iconfont文件夹,这里替换成原来的文件夹的地址"curl--output%这里的地址是你想把从iconfont上下载下来的安装包......
  • el-select @change事件获取整个对象
    <el-form-itemlabel="使用人"prop="useBy"><el-selectref="useByRef"v-model="form.useBy"filterableplaceholder="请输入员工名称"style="width:100%"no-match-text="请输入员工名称&qu......
  • guava-SmoothRateLimiter代码
     //定义为volatile变量privatevolatileObjectmutexDoNotUseDirectly;//已存储许可证数量doublestoredPermits;//最大许可证数量doublemaxPermits;//间隔时间doublestableIntervalMicros;//上一次获取许可证时间戳privatelong......
  • MySQL - [13] binlog、redolog、undolog、delaylog
    题记部分 binlog    redolog      undolog  3.1、什么是undo log事务是需要保证原子性的,也就是说,事务中的操作要么全部完成,要么什么也不做。但有如下情况,会造成事务执行不完。①事务执行过程中可能遇到各种错误,比如:代码bug出现异常。②......
  • Excel 表格一个单元格里有多个内容怎么分开,讲解最强操作和公式
    一个表格里单元格包含了多个内容,要怎么分开?一些表格使用者在录入数据时,为方便录入会将多个内容输入到一个单元格中,所以这是一个很普遍的数据处理场景。下面作者会讲解两个解题方法,第一个功能设置操作,第二个是专用函数公式,来快速执行单元格内的多个内容的拆分。......
  • Excel 怎么统计相同项的个数
    excel统计相同项个数的方法:首先选择需要进行统计结果的单元格,并输入统计函数;然后在括号内输入需要统计的范围,再输入需要统计的项;最后设置好参数,并按下回车键。本文操作环境:Windows7系统,MicrosoftOfficeExcel2010版本,DellG3电脑。excel统计相同项个数的方法:1、用excel将我们......
  • HCDG天津站精彩回顾 | AI高效开发, ModelArts技术动手工作坊
    4月20日,HCDG城市行·天津站——“极快至简灵活部署”我想象中的AI高效开发ModelArts技术工作坊圆满举办。活动特邀来自华为云DTSE、华为云云享专家、以及天津软件技术协会的伙伴企业专家们为与会开发者带来一场别开生面的技术交流及动手实践活动。活动伊始,天津市软件行业协会技......