element-ui table 表头合并_element table 合并表头-程序员宅基地

技术标签: CSS  elementui  vue  javascript  

 

element-ui table 表头合并方法实操如下:

  • 现在:

image.png

  • 期望:

image.png

代码:

 <el-table ref="tableRef" v-loading="loadingTab" class="table" :data="tableData" height="100%" 
size="mini" border :span-method="spanMethod" :header-cell-style="headerStyle">
      <el-table-column prop="positionName" label="岗位" width="200px">
      </el-table-column>
      ...      
复制代码
  headerStyle ({ row, column, rowIndex, columnIndex }: any) {
    row[2].colSpan = 2
    row[3].colSpan = 0
    if (columnIndex === 3) {
      return 'display: none'
    }
  }
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/github_37360787/article/details/117808993

智能推荐

electron程序保护措施(崩溃监控,开机自启,托盘关闭)-程序员宅基地

文章浏览阅读3.5k次。在某种情况下,我们可能希望我们的客户端程序尽可能连续不断的运行在我们的系统中,并保持稳定。以下几种方式可以帮助我们做到这一点:1.崩溃监控electron为我们提供了监听程序崩溃的事件:Event: 'crashed'返回:event Eventkilled Boolean当渲染进程崩溃或被结束时触发此事件是用来家庭..._electron窗口崩溃但是未触发window-all-closed

揭秘Cisco NBAR封杀BT和电驴下载-程序员宅基地

文章浏览阅读107次。揭开Cisco NBAR 的神秘面纱: NBAR (Network-Based Application Recognition) 的意思是网络应用识别。 NBAR是一种动态能在四层到七层发现协议的技术。它不同于ACL,仅仅依靠端口号进行对应用服务的判断,更加精准的是可以通过数据包本身的描述进行识别判断,该数据属于哪一种服务,可以对使用动态分配TCP/UDP端..._cisco 3850 启用 nbar

虚拟化问题-程序员宅基地

文章浏览阅读56次。1.断开生产网口是否会HA迁移 2.老旧系统虚拟化的时候,单台vSphere免费。_文章转载至网易云架构师刘超 csdn

cocos2d-x与FLASH动画之Flash2Cocos2d-x-程序员宅基地

文章浏览阅读53次。当前我学习把cocos2d-x应用于Android平台的游戏开发(C++版本)。目前,缺少的是动画编辑器。如果能够把FLASH用作这个平台的动画编辑器那是再理想不过的。我搜索了许多的网站,最终得出如下结论:1,读出FLASH中动画的逐帧数据可以通过较容易地读出FLASH中动画的逐帧数据,然后创建cocos2d-x动画。这方面的主要工具是老G的AnimatePacker。它提供..._flash2coco

代理(Proxy)_servletrequest servlet = (servletrequest)proxy.new-程序员宅基地

文章浏览阅读659次。代理(Proxy) 对指定接口的某一个方法进行功能扩展,可以使用代理代理API|--java.lang.reflect.Proxy static Object newProxyInstance( ClassLoader loader, 当前使用的类加载器 Class[] interfaces, 目标对象实现的接口类型 Inv_servletrequest servlet = (servletrequest)proxy.newproxyinstance

layui 模板引擎的使用_layui模板引擎怎么用-程序员宅基地

文章浏览阅读994次。1,创建视图容器<divid="view"></div>2,建立试图模板<scriptid="demo"type="text/html"><divclass="page"><divclass="col-md-2">..._layui模板引擎怎么用

随便推点

angular4 实现模块懒加载-程序员宅基地

文章浏览阅读369次。1、目录结构,实现懒加载,延迟加载模块。2、app.module.tsimport { BrowserModule } from '@angular/platform-browser';import { NgModule } from '@angular/core';import { RootRoutes } from "./r..._angular4 懒加载 和 后面版本懒加载

开发vertx模块-程序员宅基地

文章浏览阅读113次。2019独角兽企业重金招聘Python工程师标准>>> ..._vertx 分模块开发

大数据实时计算框架:storm-程序员宅基地

文章浏览阅读2.1k次,点赞3次,收藏2次。1.什么是实时计算?流式计算举例自来水厂处理水的过程(图)特点源源不断任务类型采集数据-->Spout任务处理数据-->bolt任务2.跟离线计算的区别(1)离线计算采集数据强调是批处理(2)实时计算storm采集数据flume强调是源源不断3.常见的实时计算框架(3)JStorm(4)Flink。..._大数据实时计算框架

JQueryUI-拖动(Draggable)-在DOM 元素中约束运动-程序员宅基地

文章浏览阅读144次。定义和用法通过定义draggable区域的边界来约束每个draggable的运动,使用containment选项来指定一个父级的DOM元素或者一个jQuery选择器示例<!DOCTYPEhtml><html><head> <metacharset="utf-8"> <metahttp-e..._draggable 获取dom

Struts2_CRUD_empls-程序员宅基地

文章浏览阅读843次。1 搭建环境:eclipase: sturts2:2. 类:模拟DAO : Dao.javapackage com.baidu.struts2.CRUD;import java.util.ArrayList;import java.util.LinkedHashMap;import java.util.List;import java.uti_empls

构建iOS稳定应用架构时方案选择的思考,主要涉及工程结构,数据流思想和代码规范...-程序员宅基地

文章浏览阅读37次。工程结构架构,减少耦合混乱以及防治需求大改造成结构重构,如何构建稳定可扩展可变换的工程结构的思考我打算采用Information flow的方式自上而下,两大层分为基础层和展现层的结构。基础层分为多层,展现层也可分为多层。主要思想是将基础层的最下一层当做零部件,将业务层最下层当做组装大部件,通过流程串起来形成一个完整的产品,做零件时按照做出一个就扔进...