惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
Docker
B
Blog RSS Feed
Microsoft Security Blog
Microsoft Security Blog
Y
Y Combinator Blog
N
Netflix TechBlog - Medium
M
MIT News - Artificial intelligence
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
B
Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
C
Check Point Blog
The GitHub Blog
The GitHub Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
P
Proofpoint News Feed
Martin Fowler
Martin Fowler
大猫的无限游戏
大猫的无限游戏
GbyAI
GbyAI
博客园_首页
A
About on SuperTechFans
Blog — PlanetScale
Blog — PlanetScale
人人都是产品经理
人人都是产品经理
T
Tailwind CSS Blog
aimingoo的专栏
aimingoo的专栏
T
The Blog of Author Tim Ferriss
The Cloudflare Blog

博客园 - 莫小龙

wps之使用宏修改全篇表格样式 geoserver之强制配置OnlineResource mysql之将shp转化为wkt,然后存储再geomerty字段内 cesium之用着色器添加建筑贴图 uniapp之plus.downloader.createDownload下载文件传参 谷歌之将网页保存为图片 krpano之使用教程 threejs之灯光不跟随OrbitControls控制器旋转 threejs之将张纹理图片组成材质组 canvas之修改Base64图片中不透明部分的颜色 threejs之将PlaneGeometry转换为BufferGeometry threejs之利用shape通过线绘制面和体 threejs之添加渐变背景 threejs之创建发光墙体 paperjs之fitBounds适应区域前后屏幕坐标和输入坐标的转换 arcmap之通过点数据获取等值线 uniapp之安卓APP打开百度地图、高德地图APP openlayer之添加带箭头的线 geoserver之图片图标样式 SHP转WKT文件工具 openlayers之geoserver的wms图层mysql数据源数据修改后更新问题 通过日照时数计算每天RAD(太阳辐射)值 Uniapp之安卓签名证书(.keystore)生成
elementui之table中相同数据的单元格合并
莫小龙 · 2025-11-20 · via 博客园 - 莫小龙

elementui之table中相同数据的单元格合并

方法代码:

    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      let list = this.sjzbtjList                  // this.sjzbtjList  为列表数据
      let columnMerge = (fieldName) => {
        if (
          rowIndex === 0 ||
          row[fieldName] !== list[rowIndex - 1][fieldName]
        ) {
          let rowspan = 1;
          for (let i = rowIndex + 1; i < list.length; i++) {
            if (list[i][fieldName] === row[fieldName]) {
              rowspan++;
            } else {
              break;
            }
          }
          return {
            rowspan,
            colspan: 1,
          };
        } else {
          return {
            rowspan: 0,
            colspan: 0,
          };
        }
      };
      if (columnIndex === 0) {                      // 填入需要合并的列
        return columnMerge('firstLevelIndex');      // 填入对应的列的字段名
      } else if (columnIndex === 1) {
        return columnMerge('secondLevelIndex');
      } else if (columnIndex === 2) {
        return columnMerge('thirdLevelIndex');
      } else {
        return {
          rowspan: 1,
          colspan: 1,
        };
      }
    }

调用方法:

    <el-table
      v-loading="loading"
      :data="sjzbtjList"
      :span-method="objectSpanMethod"
      border=1
    >

钻研不易转载请注明出处。。。。。