OptionalcellPadding of table cells, unless the noPadding item prop is set (--dtbl-cell-padding).
OptionalclassExtra class name(s) for the outer element, e.g. to add rules beyond the variables.
OptionalcolorSets the CSS color-scheme property on the container (not a --dtbl-* variable).
'light dark' makes light-dark(...) color values (as used by the auto* presets)
follow the browser's light/dark preference; 'light'/'dark' also render matching
scrollbars inside the scrollable wrapper. Note: applyTheme targets <html> by
default, where color-scheme: dark affects the whole page's form controls and
default canvas — theme a subtree or table instead if that's unwanted.
OptionalheaderBackground of the sticky header cells (--dtbl-header-bg; default: inherit, i.e. the row background, which the header row must repaint to cover scrolled data rows).
OptionalhoverBackground of hovered selected rows (--dtbl-hover-selected-bg).
OptionalhoverBackground of hovered unselected rows (--dtbl-hover-unselected-bg).
OptionalitemPadding of list/tree items outside tables (--dtbl-item-padding).
OptionalparentBackground of rows whose (grand)parent row is selected, when the
highlightChildrenOfSelectedParents item prop is enabled (--dtbl-parent-selected-bg).
OptionalresizeCSS cursor shown over the column-resize drag handle (--dtbl-resize-cursor).
Can be a url(...) x y, fallback value; defaults to defaultResizeCursor.
OptionalrowBackground of data rows and list items (--dtbl-row-bg).
OptionalrowBottom border of all cells, as a full CSS border value (--dtbl-row-border).
OptionalselectedBackground of selected rows/items (--dtbl-selected-bg).
OptionalstripeTint drawn over every other table row — the 1st, 3rd, 5th... (--dtbl-stripe-bg;
default: transparent, i.e. no striping). Although this is a color, it lives in
TableMetrics because a translucent
value (see the stripedRows preset) reads correctly over any color scheme, making
striping an independent layout choice. Selection and hover tints replace the stripe
on their row. Note: with virtualize, off-screen rows collapse into placeholders, so
stripe parity is relative to the rendered rows and can shift while scrolling.
OptionaltextText color of rows and items (--dtbl-text; default: inherit from the page).
OptionaltreeIndent per level of tree nesting (--dtbl-indent). A number means pixels. This is
ignored by tables/trees that have an explicit indentPerLevel prop.
A complete visual style for tables/lists: a color scheme plus metrics. The two halves are independent, so
{ ...darkColors, ...compactMetrics }is a valid theme.