The default dynamic style object.
It consists of one callback or Expression and Style List which will be applied when pass the expression.
grid.setColumns([{
name: "category",
fieldName: "category",
width: 100,
styles: { textAlignment: "far" },
dynamicStyles: [{
expression: "value not ilike '%Damage%'",
styles: {
"background": "#1100ff00"
}
}],
header: { text: "Category" }
},
...
]);
grid.setColumns([{
name: "category",
fieldName: "category",
width: 100,
styles: { textAlignment: "far" },
dynamicStyles: [{
callback: function (scope) {
return !scope.value() || !scope.value().match(/Damag/i);
},
styles: {
"background": "#1100ff00"
}
}],
header: { text: "Category" }
},
...
]);