首页 > 其他分享 >iview table 表头单元格合并

iview table 表头单元格合并

时间:2024-06-03 14:33:46浏览次数:11  
标签:center title align 单元格 表头 minWidth key table 80

<Table border :columns="cusColumns" :data="cusData"></Table>
cusColumns: [
    {
      title: '门店/节点',
      align: 'center',
      // fixed: 'left',
      minWidth: 100,
      render: (h, params) => {
        // return h('span', params.row._index + 1);
        return h('span', this.orgName);
      }
    },
    {
      title: '性别',
      align: 'center',
      children: [
        {
          title: '男',
          key: 'genderOne',
          align: 'center',
          minWidth: 80,
        },
        {
          title: '女',
          key: 'genderTwo',
          align: 'center',
          minWidth: 80,
        },
        {
          title: '未知',
          key: 'genderZero',
          align: 'center',
          minWidth: 80,
        }
      ]
    }, 
    {
      title: '年龄',
      align: 'center',
      children: [
        {
          title: '19岁以下',
          key: 'ageOne',
          align: 'center',
          minWidth: 80
        },
        {
          title: '20-29岁',
          key: 'ageTwo',
          align: 'center',
          minWidth: 80
        },
        {
          title: '30-39岁',
          key: 'ageThree',
          align: 'center',
          minWidth: 80
        },
        {
          title: '40-49岁',
          key: 'ageFour',
          align: 'center',
          minWidth: 80
        },
        {
          title: '50岁以上',
          key: 'ageFive',
          align: 'center',
          minWidth: 80
        },
      ]
    }
  ]
  cusData: [{
      genderOne: 2,
      genderTwo: 3,
      genderZero: 4,
      ageOne: 11,
      ageTwo: 12,
      ageThree: 11,
      ageFour: 123,
      ageFive: 2323
  }]

来源:https://blog.csdn.net/weixin_43843679/article/details/118606563

标签:center,title,align,单元格,表头,minWidth,key,table,80
From: https://www.cnblogs.com/wj123bk/p/18228851

相关文章

  • vue-elementui中el-table跨页选择和v-if导致列错乱/选择框无法显示
    在vue-elementui中使用el-table,当type="selection"的时候,分页数据进行不同页跳转选择需要这种功能的时候我们需要在el-table的标签上为每个el-table-column都创建一个id;所以就用到了row-key="id"这个属性;然后我们就需要在el-table-column为type="selection"添加一个属性reserve......
  • Ubuntu server 24 (Linux) IPtables 双网卡 共享上网NAT 安装配置DHCP
    一 开启路由转发功能sudovim/etc/sysctl.confnet.ipv4.ip_forward=1sudosysctl-p二 安装DHCP#更新软件包列表:sudoaptupdate#安装DHCP服务器sudoaptinstallisc-dhcp-server#修改监听网卡,根据实际修改sudovi/etc/default/isc-dhcp-serverINTERFACESv4=......
  • 【Python】成功解决TypeError: ‘method’ object is not subscriptable
    【Python】成功解决TypeError:‘method’objectisnotsubscriptable 下滑即可查看博客内容......
  • Stable Diffusion AI绘画:从提示词到模型出图的全景指南
    随着人工智能技术的不断发展,AI智能绘图已经成为一种全新的创意工具。在这其中,StableDiffusion以其强大的功能和易用性,受到了设计师们的广泛欢迎。本文将为你揭开StableDiffusion的神秘面纱,带你了解如何利用这一神器,快速打造出令人惊叹的平面设计作品。一、StableDiffusion......
  • 格式刷不能跨工作薄使用,VBA自建公式快速获取 单元格背景色RGB值
    查看视频效果请点击文章目录前言1.数字转字母代码:2.获取单元格背景颜色RGB值代码:前言格式刷在我们调整Excel工作表、Word文档的格式时经常使用到,它可以帮助我们快速批量调整字体、大小、颜色、背景色等,甚至是表格行高列宽、字间距大小等。但如果在不同的......
  • TransmittableThreadLocal原理浅析
    TransmittableThreadLocal原理浅析1.从ThreadLocal到TransmittableThreadLocalTTL(TransmittableThreadLocal)是继承自InheritableThreadLocal,本质上也是一个ThreadLocal,可以理解为是一个可以在线程之间传递上下文的ThreadLocal。1.1ThreadLocalThreadLocal中填充的变量属于当......
  • 使用vxe-table组件,控制台报错:缺少必要的“{0}”参数,这可能会导致出现错误
    这是由于使用vxe表格,给列属性设置type="html"只需要开启存,需要启用column-config.useKey与row-config.useKey就可以了......
  • Stable Diffusion如何Mac电脑本地部署教程
    StableDiffusion是一款功能异常强大的AI图片生成模型,能够让你轻松生成高质量图片,无论是风景、人物、动物还是物品。通过一些方法还能让AI生成的模型更加的可控,让AI真正为你所用,而不再需要去揣摩AI的心理活动。但是想要使用如此强大的模型还要其他工具辅助,那就是StableDiff......
  • css25 CSS Tables
    https://www.w3schools.com/css/css_table.aspcss25CSSTablesCSSTablesThelookofanHTMLtablecanbegreatlyimprovedwithCSS: <!DOCTYPEhtml><html><head><style>#customers{font-family:Arial,Helvetica,sans-serif......
  • Ubuntu server 24 (Linux) Snort3 3.2.1.0 Guardian IPtables 联动实战 主动防御系统(
    一  Snort3安装配置,参考:Ubuntuserver24安装配置snort33.2.1.0网络入侵检测防御系统配置注册规则集-CSDN博客二  安装主动防御程序Guardian1下载,解压tarzxvfguardian-1.7.tar.gzcdguardian-1.7/2 配置#拷贝文件sudocpguardian.pl/usr/local/bin/......