1.0.3 • Published 6 years ago
rc-list-framework v1.0.3
listFramework
React antd list-framework
Screenshots
Feature
- support ie8,ie8+,chrome,firefox,safari
install
API
ListFramework props
name | description | type | default |
---|---|---|---|
className | additional css class of root dom node | String | '' |
childrenButtons | In front of the list of additional action button | Array | [] |
data | The list of the original data | Array | [] |
loading | The data load state | Boolean | false |
children | Additional content in front of the list | Any | |
table | Form the configuration of the description, specific see the table below | TableProps[] | - |
pagination | Paging the configuration of the description, | PaginationProps[] | - |
modal | Modal the configuration of the description, | ModalProps[] | - |
initData | Preload data function | Func | () => {} |
loadDataHandle | Load the data processing function | Fun | () => {} |
Table props
name | description | type | default | |
---|---|---|---|---|
bordered | 是否展开外边框和列边框 | boolean | false | |
colums | 表格列的配置描述, | ColumnProps[] | - | |
components | 覆盖默认的table元素 | object | - | |
dataSource | 数据数组 | any[] | ||
defaultExpandAllRows | 初始时,是否展开所有行 | boolean | false | |
defaultExpandedRowKeys | 默认展开的行 | string[] | - | |
expandedRowKeys | 展开的行,控制属性 | string[] | - | |
expandRowByClick | 通过点击行来展开子行 | boolean | false | |
expandedRowRender | expandedRowRender | Function(record):ReactNode | ||
expandRowByClick | expandRowByClick | boolean | false | |
footer | 表格尾部 | Function(currentPageData) | ||
indentSize | 展示树形数据时,每层缩进的宽度,以 px 为单位 | number | 15 | |
loading | loading | boolean | object (更多) | false |
locale | 默认文案设置,目前包括排序、过滤、空数据文案 | object | filterConfirm: '确定' filterReset: '重置' emptyText: '暂无数据' 默认值 | |
pagination | 分页器,配置项参考 pagination,设为 false 时不展示和进行分页 | object | ||
rowClassName | 表格行的类名 | Function(record, index):string | ||
rowKey | 表格行 key 的取值,可以是字符串或一个函数 | string | Function(record):string | 'key' |
rowSelection | rowSelection | object | null | |
scroll | 横向或纵向支持滚动,也可用于指定滚动区域的宽高度:{{ x: true, y: 300 }} | object | - | |
showHeader | 是否显示表头 | boolean | true | |
size | 正常或迷你类型,default or small | string | default | |
title | 表格标题 | Function(currentPageData) | ||
onChange | 分页、排序、筛选变化时触发 | Function(pagination, filters, sorter) | ||
onExpand | 点击展开图标时触发 | Function(expanded, record) | ||
onExpandedRowsChange | 展开的行变化时触发 | Function(expandedRows) | ||
onHeaderRow | 设置头部列属性 | Function(column, index) | ||
onRow | 设置列属性 | Function(record, index) |