下面代码功能主要判断第五列以及第六列的颜色,tb为同比数值,hb为环比数值,最终赋予对应的样式。
cellStyle(row, column, rowIndex, columnIndex) {
//正常情况
var style = {
'border-color': '#BECDDC',
color: 'black',
fontSize: '0.72916666vw',
height: '10px'
};
//提升 情况
var styleUp = {
'border-color': '#BECDDC',
color: 'black',
fontSize: '0.72916666vw',
height: '10px',
'background-color': 'green'
};
//下降情况
var styleDown = {
'border-color': '#BECDDC',
color: 'black',
fontSize: '0.72916666vw',
height: '10px',
'background-color': 'red'
};
if (row.columnIndex == 4 && row.row.tb > 0) {
return styleUp;
}
if (row.columnIndex == 4 && row.row.tb < 0) {
return styleDown;
}
if (row.columnIndex == 5 && row.row.hb > 0) {
return styleUp;
}
if (row.columnIndex == 5 && row.row.hb < 0) {
return styleDown;
}
return style;
}