Element UI 中的表格 表头合并

Element UI 中的表格 表头合并_第1张图片

实现以上效果

el-table中有个属性   header-cell-style 属性:用来设置表头单元格的样式

代码如下:


  
  
  
  
  

headerStyle({row, column, rowIndex, columnIndex}) {
  row[2].colSpan = 3 //第三列的表头占据3个单元格
  row[3].colSpan = 0
  row[4].colSpan = 0
  if (columnIndex === 3 || columnIndex === 4) {
    return 'display: none'
  }
}

你可能感兴趣的:(element,ui,前端)