element-ui的table表格隔行换色


      
        
        
      
      
        
        
      
      
        
        
        
        
      
      
        
        
        
        
      
      
        
        
      
      
        
        
      
      
        
          
          
          
          
        
        
          
          
          
          
        
        
          
          
          
          
        
      
      
        
          
          
          
          
        
        
          
          
          
          
        
        
          
          
          
          
        
      
      
        
          
          
          
          
        
        
          
          
          
          
        
        
          
          
          
          
        
      
    
  methods:{
             tableRowClassName({row, rowIndex}) {
          if(rowIndex%2==1){
            return 'warning-row';
          }else{
            return 'success-row';
          }
        },
    // 修改table header的背景色
    tableHeaderColor({ row, column, rowIndex, columnIndex }) {
      if (rowIndex === 0) {
        return 'background-color: #ebf1fb;color: #496fec;font-weight:600;font-size:16px;text-align:center'
      }else if(rowIndex === 1){
        return 'background-color: #f7faff;font-size:14px;text-align:center'
      }else if(rowIndex === 2){
        return 'background-color: #f7faff;font-size:14px;text-align:center'
      }
    },
}
  复制代码

修改背景色





 

你可能感兴趣的:(Vue,javascript,html,elementUI,表格颜色背景)