Properties
header-background
The table header background color.
Map
igx-color: ('grays', 100), hexrgba: #fff
header-text-color
The table header text color.
Map
igx-color: ('grays', 600)
sorted-header-icon-color
The sorted table header icon color.
Map
igx-color: ('secondary', 500)
sortable-header-icon-hover-color
The icon color on hover in grid header when the column is sortable.
Map
igx-color: ('secondary', 500)
header-border-width
The border width used for header borders.
Number
1px
header-border-style
The border style used for header borders.
String
solid
header-border-color
The color used for header borders.
Map
igx-color: ('grays', 200)
ghost-header-text-color
The dragged header text color.
Map
igx-color: ('grays', 600)
ghost-header-icon-color
The dragged header icon color.
Map
igx-color: ('grays', 500)
ghost-header-background
The dragged header background color.
Color
#fff
content-background
The table body background color.
Color
#fff
content-text-color
The table body text color.
Map
igx-color: ('grays', 800)
row-odd-background
The background color of odd rows.
Color
#fff
row-even-background
The background color of even rows.
Color
#fff
row-odd-text-color
The text color of odd rows.
Color
inherit
row-even-text-color
The text color of even rows.
Color
inherit
row-selected-background
The selected row background color.
Map
igx-color: ('secondary', 50)
row-selected-text-color
The selected row text color.
Map
igx-contrast-color: ('secondary', 50)
row-selected-hover-background
The selected row hover background.
Map
igx-color: ('secondary', 50)
row-hover-background
The hover row background color.
Map
igx-color: ('grays', 100), hexrgba: #fff
row-hover-text-color
The hover row text color.
Map
igx-contrast-color: ('grays', 200)
row-border-color
The row bottom border color.
Map
igx-color: ('grays', 300)
row-highlight
The grid row highlight color.
map
igx-color: ('secondary', 500)
pinned-border-width
The border width of the pinned border.
Number
2px
pinned-border-style
The CSS border style of the pinned border.
String
solid
pinned-border-color
The color of the pinned border.
Map
igx-color: ('grays', 400)
cell-active-border-color
The active(focused) cell border color.
Map
igx-color: ('secondary', 500)
cell-selected-background
The selected cell background color.
Map
igx-color: ('grays', 200)
cell-selected-text-color
The selected cell text color.
Map
igx-contrast-color: ('grays', 200)
resize-line-color
The table header resize line color.
Map
igx-color: ('secondary', 500)
grouparea-background
The grid group area background color.
Map
igx-color: ('grays', 100), hexrgba: #fff
group-row-background
The grid group row background color.
Map
igx-color: ('grays', 100), hexrgba: #fff
group-row-selected-background
The drop area background on drop color.
Map
igx-color: ('grays', 200), hexrgba: #fff
active-expand-icon-color
The drop area background on drop color.
Map
igx-color: ('grays', 500)
active-expand-icon-hover-color
The drop area background on drop color.
Map
igx-color: ('primary', 500)
group-label-column-name-text
The grid group row column name text color.
Map
igx-color: ('primary', 500)
group-label-icon
The grid group row icon color.
Map
igx-color: ('primary', 500)
group-label-text
The grid group row text color.
Map
igx-color: ('grays', 800)
expand-all-icon-color
The grid header expand all group rows icon color.
Map
igx-color: ('grays', 600)
expand-all-icon-hover-color
The grid header expand all group rows icon hover color.
Map
igx-color: ('grays', 800)
expand-icon-color
The grid row expand icon color.
Map
igx-color: ('grays', 600)
expand-icon-hover-color
The grid row expand icon hover color.
Map
igx-color: ('primary', 500)
group-count-background
The grid group row cont badge background color.
Map
igx-color: ('grays', 200)
group-count-text-color
The grid group row cont badge text color.
Map
igx-color: ('grays', 600)
drop-area-text-color
The drop area text color.
Map
igx-color: ('grays', 600)
drop-area-icon-color
The drop area icon color.
Map
igx-color: ('grays', 500)
drop-area-background
The drop area background color.
Map
igx-color: ('grays', 100)
drop-area-on-drop-background
The drop area background on drop color.
Map
igx-color: ('grays', 200)
tree-filtered-text-color
grouping row background color on focus.
Map
igx-color: ('grays', 500)
filtering-header-background
The background color of the filtered column header.
Color
#fff
filtering-header-text-color
The text color color of the filtered column header.
Map
igx-color: ('grays', 800)
filtering-row-background
The background color of the filtering row.
Color
#fff
filtering-row-text-color
The text-color color of the filtering row.
Map
igx-color: ('grays', 800)
body-summaries-background
The background color of the summary groups located the body.
Map
igx-color: ('grays', 300), hexrgba: #fff
body-summaries-text-color
The text color of the summary groups located the body.
Map
igx-color: ('grays', 300), hexrgba: #fff, text-contrast: ()
root-summaries-background
The background color of the summary groups located the footer.
Map
igx-color: ('grays', 100), hexrgba: #fff
root-summaries-text-color
The text color of the summary groups located the footer.
Map
igx--color: ('grays', 100), hexrgba: #fff, text-contrast: ()
row-drag-color
The color of the drag handle.
Map
igx-color: ('grays', 200))
row-ghost-background
The background color of the dragged row.
Map
igx-color: ('primary', 50))
grid-elevation
The elevation used for the grid.
number
2
drag-elevation
The elevation used for movable elements (ex. column header).
number
5
drop-area-border-radius
The border radius fraction, between 0-1 to be used for card date.
Number
1
