1
2
3
4
5
6
7
8
9
10
var newDynamicStyles = [{
    criteria: "value >= 1000",
    styles: "background=#FF0000"
}];

gridView.setStyles({
    body: {
        cellDynamicStyles: newDynamicStyles
    }
});

1
2
3
4
5
6
7
gridView.setColumnProperty(
    gridView.columnByField("1997"),
    "dynamicStyles", [{
        criteria: "(value >= 500) and (value < 1000)",
        styles: "background=#FF0000"
    }]
)

1
2
3
4
5
6
dataProvider.setOptions({restoreMode:"explicit"});
gridView.setStyles({
    body:{
        cellDynamicStyles:[{criteria:"changedcell", styles:{figureName:"leftTop", figureBackground:"#FF00ebeb", figureSize:"30%"}}]
    }
});

1
2
3
4
5
6
7
8
gridView.setColumnProperty("columnName", "dynamicStyles", [{
    criteria:"changedcell", 
    styles:{
        figureName:"leftTop", 
        figureBackground:"#FF00ebeb", 
        figureSize:"20%"
    }
}]);

1
2
3
4
5
gridView.setColumnProperty("1997","dynamicStyles",function(grid, index, value) {
    if (value > 1000) {
        return {foreground:"#FFFF0000"}
    }
})