python表格控件随意编辑_基于antd开发的一个可编辑表格组件

本文介绍了一个基于Ant Design(antd)的可编辑表格组件,支持单行和多行编辑,编辑后数据自动保存更新。组件简化了控件联动和表格数据编辑的实现,提供了丰富的配置选项,包括字段编辑、联动以及API交互。
摘要由CSDN通过智能技术生成

组件简介

基于antd的Table、Form、等组件封装的一个可编辑表格组件,支持单行编辑、多行编辑,编辑之后数据自动保存更新,简化控件之间的联动实现,简化表格类数据编辑

啥也不说了直接上代码:基础使用,全表可编辑编辑import React from 'react';

import { Editable } from 'dumi';

import { Input, Button, InputNumber } from 'antd';

const fields = [

{

title: '姓名',

id: 'name',

width: '30%',

editable: true,

},

{

title: '简介',

id: 'info',

children: [

{

title: '年龄',

id: 'age',

editable: true,

renderFormInput: () => {

return ;

}

},

{

title: '身高',

id: 'height'

}

]

},

{

title: '地址',

id: &

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值