Style object used in numerous AdapTable Modules

TypeScript
export interface

Properties

PropertyDescription
AlignmentAlign to Left, Right or Center
BackColorColour background of cell: hex, rgb(a) or name
BorderColorColour of cell border: hex, rgb(a) or name
BorderRadiusRounds corners of an element's outer border edge; equivalent of CSS border-radius
ClassNameExisting CSS Class; use instead of setting other object properties
FontSizeSize of font: XSmall, Small, Medium, Large or XLarge
FontStyleStyle of font: Normal or Italic
FontWeightWeight of font: Normal or Bold
ForeColorFont colour in cell: hex, rgb(a) or name
TextDecorationDecoration of font: None, Underline, Overline or LineThrough

Property Details

Alignment

Align to Left, Right or Center

TypeScript
Alignment?: Alignment;
Property Value

Alignment

BackColor

Colour background of cell: hex, rgb(a) or name

TypeScript
BackColor?: string;
Property Value

string

BorderColor

Colour of cell border: hex, rgb(a) or name

TypeScript
BorderColor?: string;
Property Value

string

BorderRadius

Rounds corners of an element's outer border edge; equivalent of CSS border-radius

TypeScript
BorderRadius?: number;
Property Value

number

ClassName

Existing CSS Class; use instead of setting other object properties

TypeScript
ClassName?: string;
Property Value

string

FontSize

Size of font: XSmall, Small, Medium, Large or XLarge

TypeScript
FontSize?: 'XSmall' | 'Small' | 'Medium' | 'Large' | 'XLarge';
Property Value

'XSmall' | 'Small' | 'Medium' | 'Large' | 'XLarge'

FontStyle

Style of font: Normal or Italic

TypeScript
FontStyle?: 'Normal' | 'Italic';
Property Value

'Normal' | 'Italic'

FontWeight

Weight of font: Normal or Bold

TypeScript
FontWeight?: 'Normal' | 'Bold';
Property Value

'Normal' | 'Bold'

ForeColor

Font colour in cell: hex, rgb(a) or name

TypeScript
ForeColor?: string;
Property Value

string

TextDecoration

Decoration of font: None, Underline, Overline or LineThrough

TypeScript
TextDecoration?: 'None' | 'Underline' | 'Overline' | 'LineThrough';
Property Value

'None' | 'Underline' | 'Overline' | 'LineThrough'