simple-card-table
业务组件 简单卡片表格
简单卡片组件, pc 是 next 的 table,无线是卡片
组件还在抽离中...
界面预览


API
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| dataSource | 数据源,同 fusion table | [] | [] |
| columns | 列配置 | ITableColumnsProps[] | [] |
除 columns 属性的 item 增加了一个 type 参数( 看下面 ITableColumnsProps ), 其他属性和 fusion 的 table 属性一致
ITableColumnsProps
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| dataIndex | 指定列对应的字段 ,同 fusion table | string | - |
| cell | 自定义列渲染,同 fusion table | (value, index,record) => ReactNode | - |
| title | 标题,同 fusion table | ReactNode/string | - |
| type | 列类型字段,标识无线上渲染位置 | ESimpleCardTableColumnType | - |
ESimpleCardTableColumnType
枚举对象
{
Title = 'title', // 标题位置
SubTitle = 'subTitle', // 副标题位置
Type = 'type', // 类型位置
Tag = 'tag', // 状态位置
Desc = 'desc', // 描述位置
Content = 'content', // 内容位置, label: value的形式展示
}位置描述如下:

