需求场景
- 一次请求回全部所需数据
- 请求数据按照不同类型分类
- 展示在可编辑表格中(EditableProTable)
- 提交操作时,需要一次性提交全部数据
- 请求数据原型
假设有这么一组请求返回的数据
const datas = [
{
id: '1',name: '张三',age: 17,classes: '一班',score: '60',},
{
id: '2',name: '李四',age: 17,classes: '一班',score: '70',},
{
id: '3',name: '王五',age: 17,classes: '一班',score: '80',},
{
id: '4',name: '赵六',age: 18,classes: '二班',score: '80',},
{
id: '5',name: '小明',age: 18,classes: '三班',score: '90',},
{
id: '6',name: '小红',age: 18,classes: '三班',score: '90',},
];
展示时按照班级(classes)进行分类
解决思路
将数据先展示在Table中:
const columns: ProColumns[] = [
{
title: '姓名',
dataIndex: 'name',
},
{
title: '年龄',
dataIndex: 'age',
},
{
title: '班级',
dataIndex: