Слияние кода завершено, страница обновится автоматически
| category | type | title | cols |
|---|---|---|---|
Components |
Data Display |
List |
1 |
Simple List.
A list can be used to display content related to a single subject. The content can consist of multiple elements of varying type and size.
| Property | Description | Type | Default |
|---|---|---|---|
| bordered | Toggles rendering of the border around the list | boolean | false |
| footer | List footer renderer | string|ReactNode | - |
| empty | display while dataSource has't data | string|ReactNode | - |
| grid | The grid type of list. You can set grid to something like {gutter: 16, column: 4} | object | - |
| header | List header renderer | string|ReactNode | - |
| itemLayout | The layout of list, default is horizontal, If a vertical list is desired, set the itemLayout property to vertical
|
string | - |
| loading | Shows a loading indicator while the contents of the list are being fetched | boolean|object | false |
| loadMore | Shows a load more content | string|ReactNode | - |
| pagination | Pagination config, hide it by setting it to false | boolean | object | false |
| split | Toggles rendering of the split under the list item | boolean | true |
| rowKey | need to specify the primary key field when it can be checked | string | function(record):string | |
| rowSelection | 是否可选择，config | boolean|object | false |
| Property | Description | Type | Default |
|---|---|---|---|
| column | column of grid | number | - |
| gutter | spacing between grid | number | 0 |
| size | Size of list |
default | large | small
|
default |
| xs |
<576px column of grid |
number | - |
| sm |
≥576px column of grid |
number | - |
| md |
≥768px column of grid |
number | - |
| lg |
≥992px column of grid |
number | - |
| xl |
≥1200px column of grid |
number | - |
| xxl |
≥1600px column of grid |
number | - |
| Property | Description | Type | Default |
|---|---|---|---|
| actions | The actions content of list item. If itemLayout is vertical, shows the content on bottom, otherwise shows content on the far right. |
Array | - |
| extra | The extra content of list item. If itemLayout is vertical, shows the content on right, otherwise shows content on the far right. |
string|ReactNode | - |
| Property | Description | Type | Default |
|---|---|---|---|
| avatar | The avatar of list item | ReactNode | - |
| description | The description of list item | string|ReactNode | - |
| title | The title of list item | string|ReactNode | - |
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| selectedRowKeys | Specify the key array of the selected item, which needs to be matched with onchange | string[] | number[] | - |
| defaultSelectedRowKeys | Key array of default selected items | string[] | number[] | |
| onChange | Callback when the selected item changes | function(selectedRowKeys) | - |
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )