TableConfiguration

This is the public table configuration that can be used.

Hierarchy

TableRowConfiguration
TableCellConfiguration
- TableConfiguration
  - TableProps

Index

Properties

Optional dense

dense: boolean

Boolean if the table should use the dense spec to reduce the height of each cell.

Optional disableBorders

disableBorders: boolean

Boolean if the table should no longer have a border-bottom applied to each row within the <tbody>.

Optional disableHover

disableHover: boolean

Boolean if the rows should no longer applied a different background color when hovered.

Optional fullWidth

fullWidth: boolean

Boolean if the <table> element should span the entire width of the container <div> element instead of having its width be determined by the table's contents.

Note: There will always be horizontal overflow if the table is too wide.

Optional hAlign

hAlign: TableCellHorizontalAlignment

The horizontal alignment for the content within a cell.

Note: Table default behavior is to align to the left.

Optional lineWrap

lineWrap: boolean | "padded"

Boolean if the <td> and <th> cells should support line wrapping. This is disabled by default since you normally don't want line wrapping in tables unless it provides additional descriptions or other content.

If this is set to the string "padded", line wrapping will be enabled along with adding some additional vertical padding to each cell.

Optional vAlign

vAlign: TableCellVerticalAlignment

The vertical alignment for the content within a cell.

Note: When this is set to "top" or "bottom", padding-top or padding-bottom will also be applied due to how styling tables work. This padding can be configured with the $rmd-table-cell-vertical-padding or $rmd-table-cell-vertical-alignments variables.