Skip to content
本页内容

table

自定义表格

基础用法

table 属性

属性说明类型默认值
table表格参数配置TableApinull

接口类型

ts
export interface TableItemApi {
  label?: string  // 标签文本
  prop?: string  // 字段
  value?: any  // 默认值
  width?: number  // 列的宽度
  minWidth?: number // 列的最小宽度
  align?: 'left' | 'center' | 'right' // 对齐方式
  fixed?: 'left' | 'right' | false 
  type?: 'basic' | 'index' | 'selection' | 'img' | 'input' | 'date' | 'select'  // 列的类型
  | 'row-add' | 'custom' | 'operation'
  editor?: boolean // 是否可编辑
  required?: boolean  // 是否必填
  rule?: Arrayable<FormItemRule>  // 验证规则
  options?: {label: any, value: any}[] | any[]  // select组件标签列表
}

export interface TableApi {
  key?: string
  type?: 'page' | 'list' // 表格类型
  columns: TableItemApi[]  // 表格项
  data: {}[] // 表格数据
  total?: number 
  pageSize?: number
  single?: boolean
  number?: string
  refresh?:(finish: () => void, current: number, size: number) => void // 刷新列表
  rowForm?: any
}