当前位置: 首页 > article >正文

随手记:ul-table表格合并方法

 方法两个参数:data:表格绑定的list,prop:判断的字段

例如:
 <el-table :data="commodityList"  :span-method="commodityTable">

   省略内容......

 </el-table>

    // 商品信息合并单元格

    commodityTable({ row, column, rowIndex, columnIndex }) {

      if(columnIndex === 1 || columnIndex === 2) {

        // 查找相同处方id合并

        let spanNumber = this.getSpanNumber(this.commodityList, 'prescriptionId');

        return {

          rowspan: spanNumber[rowIndex],

          colspan: 1,

        }

      }

    },

//获取要合并的行数

    getSpanNumber(data, prop) {

      let length = Array.isArray(data) ? data.length : 0;

      if (length > 0) {

        //用于标识位置

        let position = 0;

        //用于对比的数据

        let temp = data[0][prop];

        //要返回的结果

        let result = [1];

        //假设数据是AABCC,我们的目标就是返回20120

        for (let i = 1; i < length; i++) {

          if (data[i][prop] == temp) {

            //标识位置的数据加一

            result[position] += 1;

            //当前位置添0

            result[i] = 0;

          } else {

            //不相同时,修改标识位置,该位置设为1,修改对比值

            position = i;

            result[i] = 1;

            temp = data[i][prop];

          }

        }

        //返回结果

        return result;

      } else {

        return [0];

      }

    },


http://www.kler.cn/a/326572.html

相关文章:

  • CART、XGBoost 、LightGBM详解及分析
  • 【C语言程序设计——选择结构程序设计】求阶跃函数的值(头歌实践教学平台习题)【合集】
  • 数据挖掘教学指南:从基础到应用
  • 03、MySQL安全管理和特性解析(DBA运维专用)
  • 今日头条ip属地根据什么显示?不准确怎么办
  • 嵌入式linux中socket控制与实现
  • 爬虫库是什么?是ip吗
  • mysql 用户相关操作
  • 【深度学习】(8)--神经网络使用最优模型
  • js统计字符串中每个字符出现的次数
  • Python | Leetcode Python题解之第440题字典序的第K小数字
  • 【DP解密多重背包问题】:优化策略与实现
  • Iptables,ufw,firewalld的关系与区别
  • 大语言模型(LLM)的子模块拆拆分进行联邦学习;大语言模型按照多头(Multi-Head)拆分进行联邦学习
  • pdf转换成word有哪些方法?10种将PDF转成word的方法
  • 搜维尔科技:5DT数据手套超高的数据质量、较低的交叉关联、高数据频率
  • VUE 开发——AJAX学习(一)
  • 群晖安装Audiobookshelf(有声书)
  • YOLOv11改进 | Neck篇 | YOLOv11引入BiFPN双向特征金字塔网络
  • 项目管理专业资质认证ICB 3中关于项目经理素质的标准
  • FreeRTOS调度器与任务
  • HTML初认识 -- 第二课(全网最好的入门课)
  • el-cascader懒加载回显问题
  • 这 5 个自动化运维场景,可能用 Python 更香?
  • 【工程测试技术】第3章 测试装置的基本特性,静态特性和动态特性,一阶二阶系统的特性,负载效应,抗干扰性
  • Python知识点:如何使用Flink与Python进行实时数据处理