ProComponents

ProTable

Columns配置项

  • valueEnum
  • valueType
  • ProFields
  • From.Item
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77


    const columns = [
    {
    title:'', // 标签名称
    dataIndex:'', // 绑定字段
    ellipsis: true | false,
    valueEnum: [{label:'',value:''}],
    valueType:'text' | 'date' // 值类型 ...
    order: number // 表单中的权重 越大越靠前
    search: true | false, // 搜索启用/隐藏
    colSize: number, // 表单占用格子数量 colSpan*span
    hideInSearch: true | false,
    hideInTable:true | false,
    hideInForm:true | false,
    initialValue:any, // 初始值

    // table的render
    renderText: (text,record,index,action)=>string,
    render: (text,record,index,action)=>ReactNode|ReactNode[],

    // 表单的输入组件 proFields / antd / 自定义组件
    renderFormItem: (item,form)=>RecatNode,
    // 表单配置
    fieldProps: {
    precision:1 // 精度 ... antd 表单组件相关配置
    },
    formItemProps: { // Form.Item 相关配置
    rules:[ { required:true|false } ],
    {
    message:'',
    validator: (record,value){
    if(value)return Promise.resolve()
    return Promise.reject()
    }
    }
    }

    },
    ],

    /*
    valueEnum :
    password 密码输入框
    money 金额输入框
    textarea 文本域
    date 日期
    dateTime 日期时间
    dateWeek 周
    dateMonth 月
    dateQuarter 季度输入
    dateYear 年份输入
    dateRange 日期区间
    dateTimeRange 日期时间区间
    time 时间
    timeRange 时间区间
    text 文本框
    select 下拉框
    treeSelect 树形下拉框
    checkbox 多选框
    rate 星级组件
    radio 单选框
    radioButton 按钮单选框
    progress 进度条
    percent 百分比组件
    digit 数字输入框
    second 秒格式化
    avatar 头像
    code 代码框
    switch 开关
    fromNow 相对于当前时间
    image 图片
    jsonCode 代码框,但是带了 json 格式化
    color 颜色选择器
    cascader 级联选择器
    */

扫一扫,分享到微信

微信分享二维码
  • Copyrights © 2019-2023 John Doe
  • Visitors: | Views:

请我喝杯咖啡吧~

支付宝
微信