Table

labelRequired

string

childrenRequired

ReactNode

alignY

"top" | "center"

data

DataAttributeMap

ref

Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).

string | (instance: HTMLTableElement | null) => void | RefObject<HTMLTableElement>

TableHeader

childrenRequired

ReactNode

data

DataAttributeMap

ref

Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).

string | (instance: HTMLTableSectionElement | null) => void | RefObject<HTMLTableSectionElement>

TableRow

childrenRequired

ReactNode

data

DataAttributeMap

ref

Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).

string | (instance: HTMLTableRowElement | null) => void | RefObject<HTMLTableRowElement>

TableHeaderCell

childrenRequired

ReactNode

hideBelow

"tablet" | "desktop" | "wide"

hideAbove

"mobile" | "tablet" | "desktop"

align

"left" | "right" | "center"

wrap

boolean

width

"content" | "auto" | `${number}%`

minWidth

number

maxWidth

number

colspan

number

data

DataAttributeMap

ref

Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).

string | (instance: HTMLTableCellElement | null) => void | RefObject<HTMLTableCellElement>

TableBody

childrenRequired

ReactNode

data

DataAttributeMap

ref

Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).

string | (instance: HTMLTableSectionElement | null) => void | RefObject<HTMLTableSectionElement>

TableCell

childrenRequired

ReactNode

hideBelow

"tablet" | "desktop" | "wide"

hideAbove

"mobile" | "tablet" | "desktop"

align

"left" | "right" | "center"

wrap

boolean

width

"content" | "auto" | `${number}%`

minWidth

number

maxWidth

number

colspan

number

data

DataAttributeMap

ref

Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).

string | (instance: HTMLTableCellElement | null) => void | RefObject<HTMLTableCellElement>

TableFooter

childrenRequired

ReactNode

data

DataAttributeMap

ref

Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).

string | (instance: HTMLTableSectionElement | null) => void | RefObject<HTMLTableSectionElement>

Further References

View Source