antdesign-vue table合并列

news/2024/7/24 5:00:47 标签: vue.js, javascript, 前端
  • 合并的方法
const temp = {};
const mergeCells = (text, array, columns) => {
    let rowSpan = 0
    if (array.length == 1) {
        rowSpan = 1
    } else {
        if (text !== temp[columns]) {
            temp[columns] = text
            array.forEach((item, index, arr) => {
                if (item[columns] === temp[columns]) {
                    rowSpan++
                }
            })
        }
    }
    return rowSpan
};
  • 使用
{
                    title: 'demo',
                    align: "center",
                    dataIndex: 'name',
                    customRender: (text, record, index) => {
                        const obj = {
                            children: text,
                            attrs: {}
                        }
                        obj.attrs.rowSpan = mergeCells(text, this.datalist, 'name')
                        return obj
                    }
                },
 // this.datalist => table数据

http://www.niftyadmin.cn/n/1364947.html

相关文章

Spring IOC原理解析

首先恭喜守宏同学找到了自己心仪的工作,入职的事情终于尘埃落定,也算是一个新的开始吧。和守宏聊天的时候也说了很多有关工作的事情,畅想了以后美好的未来,也想到了今后的种种困难。不说别的就是单单在北京住房这一项就够任何一个…

mPaaS小程序使用国密算法sm2加密传参

使用 miniprogram-sm-crypto使用文档npm i miniprogram-sm-crypto引入 const sm2 require(‘miniprogram-sm-crypto’).sm2; 在js文件里 const sm2 require(miniprogram-sm-crypto).sm2; const smTwo {sm2,cipherMode: 1, // 1 - C1C3C2,0 - C1C2C3,…

windows API编写的提取文件属性的程序

用VC6.0的编译环境&#xff0c;建的是win32 console application#include <stdafx.h>#include <string.h>#include <windows.h>DWORD ShowFileTime(PFILETIME lptime){ //文件时间结构 FILETIME ftLocal; //系统时间结构 SYSTEMTIME st; //调整为系统所在时区…

vue2 antdesign menu 渲染多级菜单

示例数据 //path 自行配置 const menu [{title: 示例1,icon: laptop,path: ,children: [{title: 示例1-1,icon: laptop,path: },{title: 示例1-2,icon: laptop,path: }]}{title: 示例2,icon: laptop,path: ,children: [{title: 示例2-1,icon: laptop,path: ,children: [{titl…

计算机系统基本硬件结构示意图

转载于:https://www.cnblogs.com/licb/archive/2013/05/22/3092303.html

mPaaS小程序一些记录

mpaas 小程序介绍 mPaaS 小程序&#xff0c;源自于支付宝小程序框架&#xff0c;继承了支付宝小程序框架的易开发性、跨平台性以及 Native 性能&#xff0c;不仅帮助开发者实现面向自有 App 投放小程序&#xff0c;还可快速构建打包&#xff0c;覆盖支付宝、淘宝、钉钉等应用。…

LigerUI java struts2配置

1、从官网下载 lib放到webroot下 2、 struts2 对json支持的jar包 3、 简单&#xff01;&#xff01;转载于:https://www.cnblogs.com/istianyu/archive/2013/05/22/3093768.html

小程序展示base64图片

base64图片如果不包含类似于【data:image/png;base64,】&#xff0c;这个字符串。 let base64Img base64字符串 base64Img data:image/png;base64, base64Img ;如果包含【data:image/png;base64,】。 <image mode"widthFix" src"{{base64Img}}" /&…