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的形式展示
}
位置描述如下: