Leave Yamada UI a star

Star
Yamada UIYamada UIv1.5.1

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

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

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" | Partial<Record<(string & {}) | "base" | "sm" | "md" | "lg" | "xl" | "2xl", TableLayout>> | ColorModeArray<...> | Partial<...> | ColorModeArray<...> | ((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

TableContainerProps

TableHeadProps

TableBodyProps

TableFootProps

TrProps

ThProps

isNumeric

Description

Aligns the cell content to the right.

Type

boolean

Default

false

TdProps

isNumeric

Description

Aligns the cell content to the right.

Type

boolean

Default

false

TableCaptionProps

placement

Description

The placement of the table caption.

Type

"bottom" | "top"

Default

'bottom'

Edit this page on GitHub

PreviousPagingTableNextCalendar