antd-EditableProTable

本文介绍了如何在Form表单内嵌套EditableProTable组件,以实现编辑表格项时的下拉多选功能。通过设置valueType为select,并利用fieldProps的mode属性设置为multiple来开启多选模式。同时,文章提到了valueEnum和options两种方式来定义选择项,但前者不支持多选,后者则可以正确渲染多选下拉列表。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Form 表单里嵌套可编辑表格EditableProTable:编辑表格项下拉多选

columns = {
  valueType: 'select',
  valueEnum: {
    all: { text: '全部', status: 'Default' },
    open: {
      text: '未解决',
      status: 'Error',
    },
    closed: {
      text: '已解决',
      status: 'Success',
    },
  },
  controlProps: {  // 这样是没办法实现多选的
    mode: 'multiple',
  },
} 

columns = {
  valueType: 'select',
  // valueEnum: {},
  fieldProps: { // 改为这个属性渲染
    mode: 'multiple',
    options: [
      {
        label: '线上',
        value: 'online',
      },
      {
        label: '线下',
        value: 'offline',
      },
    ],
  },
} 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值