Блог

Допустим, я хочу построить a DataGrid с таким объектом, как этот

 {
  first: "firstValue",
  second: "secondValue",
  sub: {
    firstSub: "value",
    secondSub: "value
  }
}
 

Как я могу объявить, что столбцы должны иметь столбец для обоих firstSub и secondSub ? Я пробовал такие вещи, как

 const columns = [
  ...
  { field: 'first', headerName: 'First', width: 70 },
  { field: 'sub.firstSub', headerName: 'Sub One', width: 70 },
  { field: 'sub.secondSub', headerName: 'Sub Two', width: 130 },
  ...
];
 

или

 const columns = [
  ...
  { field: 'first', headerName: 'First', width: 70 },
  { field: 'sub/firstSub', headerName: 'Sub One', width: 70 },
  { field: 'sub/secondSub', headerName: 'Sub Two', width: 130 },
  ...
];
 

Но мне не удалось найти рабочий способ.