Как сгруппировать / развернуть сетку на плоских структурированных данных? - PullRequest
Новая
       51

Как сгруппировать / развернуть сетку на плоских структурированных данных?

0 голосов
/ 20 сентября 2019

Я хочу показать данные в сетке, как показано на скриншоте ниже.Я пробовал это, используя сводную таблицу и отношения родитель-потомок. Данные для заголовков столбцов должны динамически связываться с Json (пример: - из скриншота год ie2002,2003 ... должен исходить от Json) Но я застрял, как я сгруппировать по этому,Может кто-нибудь помочь, пожалуйста?снимок экрана с ожидаемым дизайном: - https://i.stack.imgur.com/tWGop.png

Вот что я пробовал, используя pivot: - https://plnkr.co/edit/qZOo8YBtMG5kB7elsaED?p=preview и используя отношения родитель-потомок: - https://stackblitz.com/edit/angular-ag-grid-header-groupheader-component-ki6wwz?file=app/app.component.ts

в режиме Pivot: - 

this.columnDefs = [
  {
    headerName: "Country",
    field: "country",
    width: 120,
    rowGroup: true,
    enableRowGroup: true
  },
  {
    headerName: "Year",
    field: "year",
    width: 90,
    pivot: true,
    enablePivot: true
  },
  {
    headerName: "Gold",
    field: "gold",
    width: 100,
    aggFunc: "sum"
  },
  {
    headerName: "Silver",
    field: "silver",
    width: 100,
    aggFunc: "sum"
  },

];

Использование Parent-Child: - 

this.columnDefs = [
  {
    headerName: "Country",
    field: "country",
    width: 120,
    suppressMenu: true
  },     
   {
    headerName: "2002",       
    children: [          
      {
        headerName: "Gold",
        field: "gold",
        width: 90,
        sortable: false,           
      },
      {
        headerName: "Silver",
        field: "silver",
        width: 90,
        sortable: false,           
      }
      ]
  },

];

...