关于EditableProTable的一次应用

需求场景

1. 一次请求回全部所需数据
2. 请求数据按照不同类型分类
3. 展示在可编辑表格中（EditableProTable）
4. 提交操作时，需要一次性提交全部数据

• 请求数据原型
  假设有这么一组请求返回的数据

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: 'classes',