|
8 | 8 | - Beispiele
|
9 | 9 | ---
|
10 | 10 |
|
| 11 | +import Readme from '../../../readmes/table-stateful/readme.md'; |
11 | 12 | import { LiveEditorCompact } from '@site/src/components/LiveEditorCompact';
|
12 | 13 | import { ExampleLink } from '@site/src/components/ExampleLink';
|
13 | 14 |
|
@@ -48,7 +49,7 @@ Die Table-Komponente unterstützt folgende Funktionalitäten **nicht**:
|
48 | 49 |
|
49 | 50 | ### Pagination
|
50 | 51 |
|
51 |
| -Über das Attribut **`_pagination`** kann optional eine Vielzahl zusätzlicher Properties zur Steuerung der Pagination übergeben werden. Die genaue Beschreibung der Optionen ist auf der Seite <kol-link _href="/docs/components/pagination" _label="/docs/components/pagination" _label="Pagination"></kol-link> zu finden. |
| 52 | +Über das Attribut **`_pagination`** kann optional eine Vielzahl zusätzlicher Properties zur Steuerung der Pagination übergeben werden. Die genaue Beschreibung der Optionen ist auf der Seite <kol-link _href="../pagination" _label="/docs/components/pagination" _label="Pagination"></kol-link> zu finden. |
52 | 53 |
|
53 | 54 | #### KoliBriTableHeaders
|
54 | 55 |
|
@@ -198,43 +199,7 @@ Warum die Tabelle einen **Tabindex** hat, wird auf der folgenden Webseite beschr
|
198 | 199 | - <kol-link _href="https://stackoverflow.com/questions/1312236/" _target="_blank"></kol-link>
|
199 | 200 | - <kol-link _href="https://dequeuniversity.com/rules/axe/3.5/scrollable-region-focusable" _target="_blank"></kol-link>
|
200 | 201 |
|
201 |
| -<!-- Auto Generated Below --> |
202 |
| - |
203 |
| - |
204 |
| -## Properties |
205 |
| - |
206 |
| -| Property | Attribute | Description | Type | Default | |
207 |
| -| ----------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- | |
208 |
| -| `_allowMultiSort` | `_allow-multi-sort` | Defines whether to allow multi sort. | `boolean` \| `undefined` | `undefined` | |
209 |
| -| `_data` _(required)_ | `_data` | Defines the primary table data. | `KoliBriTableDataType[]` \| `string` | `undefined` | |
210 |
| -| `_dataFoot` | `_data-foot` | Defines the data for the table footer. | `KoliBriTableDataType[]` \| `string` \| `undefined` | `undefined` | |
211 |
| -| `_headers` _(required)_ | `_headers` | Defines the horizontal and vertical table headers. | `string` \| `{ horizontal?: KoliBriTableHeaderCellWithLogic[][]` \| `undefined; vertical?: KoliBriTableHeaderCellWithLogic[][]` \| `undefined; }` | `undefined` | |
212 |
| -| `_label` _(required)_ | `_label` | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string` | `undefined` | |
213 |
| -| `_minWidth` | `_min-width` | Defines the table min-width. | `string` \| `undefined` | `undefined` | |
214 |
| -| `_on` | -- | Defines the callback functions for table events. | `undefined` \| `{ onSelectionChange?: EventValueOrEventCallback<Event, StatefulSelectionChangeEventPayload>` \| `undefined; }` | `undefined` | |
215 |
| -| `_pagination` | `_pagination` | Defines whether to show the data distributed over multiple pages. | `boolean` \| `string` \| `undefined` \| `{ _page: number; } & { _on?: KoliBriPaginationButtonCallbacks` \| `undefined; _page?: number` \| `undefined; _max?: number` \| `undefined; _boundaryCount?: number` \| `undefined; _hasButtons?: boolean` \| `Stringified<PaginationHasButton>` \| `undefined; _pageSize?: number` \| `undefined; _pageSizeOptions?: Stringified<number[]>` \| `undefined; _siblingCount?: number` \| `undefined; _customClass?: string` \| `undefined; _label?: string` \| `undefined; _tooltipAlign?: AlignPropType` \| `undefined; }` | `undefined` | |
216 |
| -| `_paginationPosition` | `_pagination-position` | Controls the position of the pagination. | `"both"` \| `"bottom"` \| `"top"` \| `undefined` | `'bottom'` | |
217 |
| -| `_selection` | `_selection` | Defines how rows can be selected and the current selection. | `string` \| `undefined` \| `({ label: (row: KoliBriTableDataType) => string; keyPropertyName?: string` \| `undefined; multiple?: boolean` \| `undefined; selectedKeys?: string[]` \| `undefined; })` | `undefined` | |
218 |
| - |
219 |
| - |
220 |
| -## Methods |
221 |
| - |
222 |
| -### getSelection |
223 |
| - |
224 |
| -`getSelection() => Promise<KoliBriTableDataType[] | KoliBriTableDataType | null>` |
225 |
| - |
226 |
| - |
227 |
| - |
228 |
| -#### Returns |
229 |
| - |
230 |
| -Type: `Promise<KoliBriTableDataType | KoliBriTableDataType[] | null>` |
231 |
| - |
232 |
| - |
233 |
| - |
234 |
| - |
235 |
| ----------------------------------------------- |
236 |
| - |
237 |
| - |
| 202 | +<Readme /> |
238 | 203 |
|
239 | 204 | <ExampleLink component="table-stateful" />
|
240 | 205 |
|
|
0 commit comments