vue-easytable 单元格样式设置

一、代码块

//设置columnCellClass属性
<template>
	<div>
		<v-table
		  is-horizontal-resize
		  style="width:100%;font-size: 14px;"
			:columns="contractColumns"
			:table-data="contractTableData"
			odd-bg-color="#F8FDFE"
			row-hover-color="#eee"
			row-click-color="#edf7ff"
			:paging-index="(pageIndex-1)*pageSize"
			:row-height="height"
			:column-cell-class-name="columnCellClass"
		  ></v-table>	
	</div>
</template>
<script>
export default{
	data(){
		return{
		}
	},
	methods:{
		columnCellClass(rowIndex,columnName,rowData){
			if (columnName =='s_CNO'){
				return 'bgColor';
			}
		},	
	}
}

</script>	
<style>
	>>>.bgColor{
		background-color:#298DF8;
	}
</style>

二、效果图