Table
| bordered | 是否展示外边框和列边框 |
| dataSource | 数据数组 |
| rowKey | 表格行 key 的取值，可以是字符串或一个函数string|Function(record):string，默认值“key” |
| defaultExpandAllRows | 初始时，是否展开所有行 |
| defaultExpandedRowKeys | 默认展开的行 |
| expandedRowKeys | 展开的行，控制属性 |
| expandedRowRender | 额外的展开行Function(record, index, indent, expanded):ReactNode |
| expandIcon | 自定义展开图标Function(props):ReactNode |
| expandRowByClick | 通过点击行来展开子行：boolean |
| footer | 表格尾部Function(currentPageData) |
| loading | 页面是否加载中boolean|object (更多) |
| childrenColumnName | 指定树形结构的列名：string[]，默认值children |
| rowClassName | 表格行的类名Function(record, index):string |
| pagination | 分页器，参考配置项或 pagination 文档，设为 false 时不展示和进行分页 position：制定分页显示的位置top|bottom|both。还可用Pagination组件api进行配置 |
| onExpand | 点击展开图标时触发Function(expanded, record) |
| onExpandedRowsChange | 展开的行变化时触发Function(expandedRows) |
| onHeaderRow | 设置头部行属性Function(column, index) // |
| components | 覆盖默认的 table 元素：TableComponents TableComponents { table?: any; header?: { wrapper?: any; row?: any; cell?: any; }; body?: { wrapper?: any; row?: any; cell?: any; }; } |
| rowSelection={options} | 表格行是否可选择，配置项options： getCheckboxProps：选择框的默认属性配置 : Function(record) selectedRowKeys：设置此属性可从表格外反向控制选框选中的情况。指定选中项的 key 数组，需要和 onChange 进行配合: string[] onChange：选中项发生变化时的回调:Function(selectedRowKeys, selectedRows) selections：自定义选择项 options{ key：React 需要的 key，建议设置 text：选择项显示的文字, onSelect：选择项点击回调 }, 设为 onSelect：用户手动选择/取消选择某行的回调： Function(record,selected,selectedRows,nativeEvent) columnWidth：自定义列表选择框宽度 columnTitle：自定义列表选择框标题 fixed：把选择框固定在左边 hideDefaultSelections：去掉【全选】【反选】两个默认选项 type：多选/单选。checkbox/radio onSelectAll：用户手动选择/取消选择所有行的回调：Function(selected,selectedRows,changeRows) onSelectInvert：用户手动选择反选的回调：Function(selectedRows) |
| columns | 表格列的配置描述： title：列头显示文字 dataIndex：列数据在数据项中对应的 key，支持 key：React 需要的 key，如果已经设置了唯一的 render(text, record, index) ：当前行对应的列值，当前行，当前行的索引。return可以设置表格行/列合并 width：列宽度 onCell：设置单元格属性Function(record, rowIndex) align：设置列内容的对齐方式'left' | 'right' | 'center'，默认值left onFilter：本地模式下，确定筛选的运行函数Function onFilterDropdownVisibleChange：自定义筛选菜单可见变化时调用function(visible) {} onHeaderCell：设置头部单元格属性function(column) {} className：列的 className colSpan：表头列合并,设置为 0 时，不渲染 defaultSortOrder：默认排序顺序'ascend' | 'descend' filterDropdown：可以自定义筛选菜单，此函数只负责渲染图层，需要自行编写各种交互 filterDropdownVisible：用于控制自定义筛选菜单是否可见 filtered：标识数据是否经过过滤，筛选图标会高亮 filteredValue：筛选的受控属性，外界可用此控制列的筛选状态，值为已筛选的 value 数组 filterIcon：自定义 filter 图标 filterMultiple：是否多选 filters：表头的筛选菜单项 fixed：列是否固定，可选 sorter：排序函数，本地排序使用一个函数(参考 Array.sort的 compareFunction)，需要服务端排序可设为 true sortOrder：排序的受控属性，外界可用此控制列的排序，可设置为 sortDirections：支持的排序方式，取值为 |
| indentSize | 展示树形数据时，每层缩进的宽度，以 px 为单位 |
| locale | 默认文案设置，目前包括排序、过滤、空数据文案object，默认值为filterConfirm: '确定' filterReset: '重置' emptyText: '暂无数据' 默认值 |
| showHeader | 是否显示表头 |
| size | 表格大小default | middle | small |
| title | 表格标题Function(currentPageData) |
| onRow | 设置行属性Function(record, index) <Table onRow={(record) => { //适用于 return { onClick: (event) => {}, // 点击行 onDoubleClick: (event) => {}, onContextMenu: (event) => {}, onMouseEnter: (event) => {}, // 鼠标移入行 onMouseLeave: (event) => {} }; }} onHeaderRow={(column) => { return { onClick: () => {}, // 点击表头行 }} } /> |
ColumnGroup
| title | 列头显示文字string|ReactNode |