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

随手记: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.mrgr.cn/news/39777.html

相关文章:

  • 工业交换机的RMON
  • java中有两个list列表,尽量少的去循环
  • 2024 年 25 款最佳入侵检测软件推荐 - 网络安全必备,零基础入门到精通,收藏这一篇就够了
  • 谷歌浏览器完美清除缓存
  • 一图看懂好利来老鼠接奶酪SVG交互|伸长+滑动叠加排版|E2.COOL黑科技SVG编辑器
  • 匿名管道 Linux
  • 前端css样式设置元素的绝对定位和相对定位,要注意宽度和高度的设置
  • 一条命令Docker安装常用桌面linux系统含一些系统和应用
  • 数据结构(链表的操作算法)
  • 不带头结点单链表逆置递归实现---未验证
  • 如何选择合适的量化交易策略,回测与模拟交易的实战演练
  • java-netty客户端断线重启0.9.0
  • Vim常见模式介绍,你知道哪些?
  • find()和findIndex()方法
  • Navicat 工具 下载安装
  • TE-1402/1403 简易使用说明 - Technica Engineering Media Converter
  • Spring Task 调度任务
  • 【Leecode 随笔】C语言版看了不后悔系列持续更新中。。。
  • Excel表格还能这样玩?没有VBA和插件,一样可以用数据库功能
  • 什么是javascript的事件循环