# Table 表格

大部分功能同list一致,增加了展开行/子表合并行表头配置等功能

# 基础用法

# 结构

export interface Data { [field: string]: any }
export interface FormBlock {
    type: 'table',
    resource: string,
    ctx: 'edit' | 'view',
    pageSize?: number,
    filters?: { [field: string]: {
      multiple?: boolean,
      remote?: boolean
    }},
    fields?: { [field: string]: Data | false },
    sorts?: { [field: string]: boolean },
    style?: Data,
    data?: Data,
    events?: Data,
    actions?: { [field: string]: () => any },
    options?: Data,
    operations?: { [field: string]: Data },
    render?: boolean | string
}

# 配置

补充:如果需要实现固定列需求,请参见:设置固定列 (opens new window)

可用配置项表

参数 类型 是否必填 说明
type string block类型,固定值为table
resource string 指定resource
ctx string 表单的显示类型
style object block添加样式
data object block为table时,参考list的data数据要求,详见data
events object 事件定义
actions object 自定义actions,可被events中使用
fields object block级别作用域的fields,重置resource中的默认配置
options object table配置,内有span-mergeexpand-rowtable-column配置
expand-row object 展开行/子表配置
span-merge object 合并行配置,设置对应的行的field为true, 自动合并相同行表格
table-column array 表头配置, 数组格式,多级表头用children嵌套
operations object 操作项配置
blocks object 嵌套的blocks
render boolean string 指定渲染方式
filters object 过滤条件 同列表
sorts object 列表排序设置 同列表
searchs object 列表搜索设置 同列表
searchsOptions object 列表的搜索栏操作项设置 同列表
pageSize number 设置分页每页的条数 同列表