您可以使用valueGetter：

const columns = [
  // ...
  {
    field: 'attributeName',
    headerName: 'Attribute Name',
    valueGetter: (params) => {
      return params.getValue(params.id, "attributes").name;
    }
  },
  // ...
];

您可能还需要一个sortComparator来处理此列的排序。

尝试类似这样的方法来Map数据，根据需要更改名称周围的数据

const detailsRows = rows.map((row) => {
return {
  id: row.item_id,
  model: row.model_no,
  title: row.title,
};

然后像这样将其传递给DataGrid

<DataGrid rows={detailsRows} columns={props.columns} pageSize={10}/>

添加到Ajeet Shah's答案
getvalue在最新版本的材料UI中已过时
而不是

valueGetter: (params) => {
  return params.getValue(params.id, "attributes").name;
}

使用最新版本

valueGetter: (params) => {
  return params.row.attributes.name;
},