el-table表格合并,列更改样式

      
        
          
        
      
// 输入输出数据表格合并操作
    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0) {
        if (rowIndex % 2 === 0) {
          return {
            rowspan: 2,
            colspan: 1,
          };
        } else {
          return {
            rowspan: 0,
            colspan: 0,
          };
        }
      }
    },
    // 第一列样式修改
    columnStyle({ row, column, rowIndex, columnIndex }) {
      if (columnIndex == 0) {
        return "background:#F8F9FA;color:#8e99ad";
      } else{
        return 'text-align : center'
      }
    },

el-table表格合并,列更改样式_第1张图片

 字体颜色可以slot来控制,但是背景色只能通过cell-style控制,目前没有发现更简便的办法。

你可能感兴趣的:(vue.js,elementui,javascript)