草庐IT

EditableProTable

全部标签

Ant Design Pro使用之--EditableProTable 可编辑表格

前言--EditableProTable与ProTable的对比首先:可编辑表格EditableProTable与ProTable的功能基本相同;但是如果用ProTable的话,增和改一般是采用弹出浮层表单的方式,为了让结构看起来清晰,一般还会将这个弹出框抽成一个子组件。这无疑就多写了些步骤。当然,如果表格数据项很多,表单项种类多的话,我个人还是建议用ProTable+弹出浮层表单进行增改操作,这样更清晰明了,也是别人能一眼看清结构的操作,弹出层中ProForm对于各类表单项的支持度也比较好,用EditableProTable的话,有些特殊表单项的某些特定设置可能很难生效,而且如果表单项种类多

【antd组件之ProTable,EditableProTable】

1.每一列数据//每一列数据//type是定义了一个新类型,每一个就是定义columns的dataIndextypeGithubIssueItem={url:string;id:number;number:number;title:string;labels:{name:string;color:string;}[];state:string;comments:number;created_at:string;updated_at:string;closed_at?:string;};2.ProColumns配置项//所有table需要配置的属性,都可以在最前面定义,下面直接用columns=