Reactjs 在物料表中按行显示分组列

Reactjs 在物料表中按行显示分组列,reactjs,material-table,Reactjs,Material Table,摘要: 在“材质表”中,当您尝试按字段按数据分组时,该列不再显示为列 ‪‪ 复制步骤: 创建表 <MaterialTable title="Default Grouped Field Preview" columns={[ { title: 'Name', field: 'name', defaultGroupOrder: 0 }, { title: 'Surname', field: 'surname' }, { title: 'Bi

摘要:

在“材质表”中,当您尝试按字段按数据分组时,该列不再显示为列 ‪‪

复制步骤:

  • 创建表

    <MaterialTable
      title="Default Grouped Field Preview"
      columns={[
        { title: 'Name', field: 'name', defaultGroupOrder: 0 },
        { title: 'Surname', field: 'surname' },
        { title: 'Birth Year', field: 'birthYear', type: 'numeric' },
        {
          title: 'Birth Place',
          field: 'birthCity',
          lookup: { 34: 'İstanbul', 63: 'Şanlıurfa' },
        },
      ]}
      data={[
        { name: 'Mehmet', surname: 'Baran', birthYear: 1987, birthCity: 63 },
        { name: 'Zerya Betül', surname: 'Baran', birthYear: 2017, birthCity: 34 },
      ]}        
      options={{
        grouping: true
      }}
    />
    
    
    
  • 按字段分组

    {title:'Name',field:'Name',defaultGroupOrder:0}

实际结果:

列“Name”不再显示为列

预期结果:

按分组前的状态显示列“名称”,并