Conditional Style Demo

Conditional Styles allow you to create rules that decide how columns and rows are styled.

Rules work at either column or row level; when the rule is met the column / row is styled according to the style set out in the rule. Alternatively you can specify a css style name (which you provide).

This example has 4 Conditional Styles: (1, 2) The 'Change Last Order' column is green when positive and red when negative; (3) Any row where the 'Item Cost' column is > 80 has a yellow background and italic foreground; and (4) the font is bold where the 'Package Cost' column is less than 10.

Adaptable Blotter Help Resources: Predefined Config, Blotter API, FAQ, Videos, User Guide.