Vue+iview 给table 单个格子添加底色

<style>
.ivu-table .demo-table-info-cell-name {
    background-color: #15630e;
    color: #fff;
}
.ivu-table .demo-table-info-cell-age {
    background-color: #15630e;
    color: #fff;
}
.ivu-table .demo-table-info-cell-address {
    background-color: #dbd5d5;
    color: #fff;
}
</style>

<template>
   <Table :columns="columns" :data="data"></Table>
</template>

<script>
    export default {
        data () {
            return {
                columns: [
                   {
			          title: '序号',
			          key: 'rownum',
			          width: 70,
			          align: 'center'
			        },
			        {
			          title: '名称',
			          key: 'name',
			          align: 'center',
			          resizable: true,
			          width: 130
			        },
			        {
			          title: '年龄',
			          key: 'age',
			          align: 'center',
			          resizable: true,
			          width: 70
			        },
			        {
			          title: '地址',
			          key: 'address',
			          align: 'center',
			          resizable: true,
			          width: 100
			        }
                ]，
                data: []
            }
        }
    }
</script>

name 和 age 为列名

async query () {
      await getList(this.queryInfoEntity).then((response) => {
        if (response.status === 200) {
        	 let responseData = response.data
	         for (var i = 0; i < responseData.length; i++) {
	            if (responseData[i].name=== 'XXX') {
	              responseData[i].cellClassName = { name: 'demo-table-info-cell-name' }
	              responseData[i].cellClassName = { address: 'demo-table-info-cell-address' }
	            } 
	            if (responseData[i].age=== 10) {
	              responseData[i].cellClassName = { age: 'demo-table-info-cell-age' }
	            } 
	          }
	          this.data = responseData 
	     }
	 })
}