columns
必須説明
The array of column defs to use for the table.
タイプ
Column<Y, any>[]Table
Tableは、列のソートや行の選択やクリックイベント機能を備えたテーブルのコンポーネントです。
Props
TableProps
cellProps
説明
Props for table cell component.
タイプ
CellProps<Y>checkboxProps
説明
Props for table checkbox element.
タイプ
CheckboxProps<string>colorScheme
説明
The visual color appearance of the component.
タイプ
"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"デフォルト
"gray"defaultColumn
説明
Default column options to use for all column defs supplied to the table.
タイプ
Partial<Column<Y, any>>defaultSelectedRowIds
説明
The initial ids of the selected row.
タイプ
string[]defaultSort
説明
The initial sort of the table.
タイプ
Sort<Y>disabledRowIds
説明
The ids that disabled in selection.
タイプ
string[]footerGroupProps
説明
Props for table footer group component.
タイプ
HeaderGroupProps<Y>footerProps
説明
Props for table footer component.
タイプ
HeaderProps<Y>headerGroupProps
説明
Props for table header group component.
タイプ
HeaderGroupProps<Y>headerProps
説明
Props for table header component.
タイプ
HeaderProps<Y>highlightOnHover
説明
If true, highlight the row when the table row is hovered.
タイプ
booleanデフォルト
falsehighlightOnSelected
説明
If true, highlight the row when the table row is selected.
タイプ
booleanデフォルト
falseisFocusable
説明
If true, the table cell will be focusable.
タイプ
booleanデフォルト
truelayout
説明
The CSS table-layout property.
タイプ
"auto" | "fixed" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | [TableLayout | { [x: string]: TableLayout | undefined; ... 5 more ...; xl?: TableLayout | undefined; }, TableLayout | { ...; }] | { ...; } | [...] | { ...; } | ((theme: StyledTheme) => UIValue<...>)onChangeSelect
説明
The callback invoked when row is selected.
タイプ
(rowSelection: string[]) => voidonChangeSort
説明
The callback invoked when table sort is changed.
タイプ
(sort: Sort<Y>) => voidonClickRow
説明
The callback invoked when a row is clicked.
タイプ
(row: Row<Y>) => voidonDoubleClickRow
説明
The callback invoked when a row is double clicked.
タイプ
(row: Row<Y>) => voidrowHeader
説明
The role used for the row header. This is used for accessibility to announce the selected row.
タイプ
keyof YrowId
説明
The id used to store the value when selected.
タイプ
keyof YrowProps
説明
Props for table row component.
タイプ
RowProps<Y>rowsClickSelect
説明
If true, allows selection by clicking on a row.
タイプ
booleanデフォルト
falseselectColumnProps
説明
Props for table select column component.
タイプ
false | SelectColumn<Y, any>selectedRowIds
説明
The ids of the selected row.
タイプ
string[]size
説明
The size of the Table.
タイプ
"sm" | "md" | "lg" | "xl"デフォルト
"md"sort
説明
The sort of the table.
タイプ
Sort<Y>sortIconProps
説明
Props for table sort icon element.
タイプ
IconPropstbodyProps
説明
Props for table tbody element.
タイプ
TableBodyPropstfootProps
説明
Props for table tfoot element.
タイプ
TableFootPropstheadProps
説明
Props for table thead element.
タイプ
TableHeadPropsvariant
説明
The variant of the Table.
タイプ
"simple" | "striped" | "unstyled"デフォルト
"simple"withBorder
説明
If true, display the outer border of the table.
タイプ
booleanデフォルト
falsewithColumnBorders
説明
If true, display line on the columns of the table.
タイプ
booleanデフォルト
falsewithFooter
説明
If true, display the table footer.
タイプ
booleanデフォルト
falsewithFooterSelect
説明
If true, display the checkbox in table footer.
タイプ
booleanデフォルト
falseGitHubでこのページを編集する