Leave Yamada UI a star

Star
Yamada UIYamada UIv1.6.4

NativeTable

NativeTable is a component for efficiently organizing and displaying data.

Source@yamada-ui/native-table

Props

NativeTableProps

colorScheme

Description

The visual color appearance of the component.

Type

"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"

Default

"gray"

highlightOnHover

Description

If true, highlight the row when the table row is hovered.

Type

boolean

Default

false

layout

Description

The CSS table-layout property.

Type

"fixed" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | [TableLayout | { [x: string]: TableLayout | undefined; ... 5 more ...; xl?: TableLayout | undefined; }, TableLayout | { ...; }] | { ...; } | [...] | { ...; } | ((theme: StyledTheme) => UIValue<...>)

size

Description

The size of the NativeTable.

Type

"sm" | "md" | "lg" | "xl"

Default

"md"

variant

Description

The variant of the NativeTable.

Type

"simple" | "striped" | "unstyled"

Default

"simple"

withBorder

Description

If true, display the outer border of the table.

Type

boolean

Default

false

withColumnBorders

Description

If true, display line on the columns of the table.

Type

boolean

Default

false

TableCaptionProps

placement

Description

The placement of the table caption.

Type

"bottom" | "top"

Default

'bottom'

TableContainerProps

TableBodyProps

TdProps

isNumeric

Description

Aligns the cell content to the right.

Type

boolean

Default

false

TableFootProps

ThProps

isNumeric

Description

Aligns the cell content to the right.

Type

boolean

Default

false

TableHeadProps

TrProps

Edit this page on GitHub

PreviousPagingTableNextCalendar