Applying AdapTable Style

Format Columns can be given an AdapTable Style
Styles can be either always rendered or when a Condition is met
Styles consist of 2 types of properties:
- Colours - for Text, Cell Background and Border
- Font - Size, Style, Weight
There is also an option to use supplied CSS Classes if required

Format Columns in AdapTable can be provided with a Style which is used when the column is rendered.

This style can be one of 2 types:

Provide a Column Formatting Condition if you want the Style only to apply when a particular rule is met

AdapTable Style

The most basic type of Format Column uses an Adaptable Style.

This will render all Scoped Cells in the Format Column (or those which meet the Condition, if one is set).

The Style defines fore, back and border colours and a selection of font-related and alignment properties:

Property	Description
Alignment	Align to `Left`, `Right` or `Center`
BackColor	Colour background of cell: hex, rgb(a) or name
BorderColor	Colour of cell border: hex, rgb(a) or name
BorderRadius	Rounds corners of an element's outer border edge; equivalent of CSS border-radius
ClassName	Existing CSS Class; use instead of setting other object properties
FontSize	Size of font: `XSmall`, `Small`, `Medium`, `Large` or `XLarge`
FontStyle	Style of font: `Normal` or `Italic`
FontWeight	Weight of font: `Normal` or `Bold`
ForeColor	Font colour in cell: hex, rgb(a) or name
TextDecoration	Decoration of font: `None`, `Underline`, `Overline` or `LineThrough`

The Adaptable Style is used in a number of places in AdapTable where styling is required

Column Formatting: Column Styles

This example has 3 Format Columns provided which display a Column Style:
- Name column is bold
- Language column has a blue background and yellow text color (and a Cell Alignment of Center)
- all Number columns are italic

It is possible to apply existing CSS styles to the cell instead of defining the styles individually.

This is done by specifying the property ClassName which references a defined CSS class

Column Formatting: CSS Classes

This demo showcases applying external CSS classes to Format Columns:
- all numeric columns show the rednumber CSS class
- the Language and License columns show the bluetext CSS class