Format Column Style Demo

The Format Column Module allows you to style an entire column by proviing a visual Style or a Display Format (or both).

This demo shows how to provide a Visual Style - while the Formatter demo demonstrates how to apply a Display Format.

Format Columns use the same Style builder as Quick Search and Conditional Styles, which allows you to name key elements of the style e.g. Fore, Back and Border Colours and Font properties.

Alternatively you can specify a css style name in Format Colunn Predefined Config (which you must provide in your css).

This example has 2 Format Columns:

  • Order Id has Visual Style of lime green with a red fore colour
  • Order Date has a Visual Style of bold and italicised and with a smaller font (and a Display Format with pattern of 'yyyyMMdd')

Generating dummy data, please wait ...