Reactjs 如何在react material ui DataGrid中格式化单元格

我有一个反应材料ui数据网格。 其中一个单元格显示表示状态的文本数据，我想以图形化的方式显示这些数据，特别是引导标记

DataGrid代码是：

const ProcessesColumns: ColDef[] = [
{ field: 'id', headerName: 'ID' },
{ field: 'name', headerName: 'Name', width: 300 },
{ field: 'status', headerName: 'Status', width: 130 },
];

const processes = [
{
    id: 1,
    name: 'aaa',
    status: 'Sucess',
},
{
    id: 2,
    name: 'bbb',
    status: 'Fail',
},
{
    id: 3,
    name: 'ccc',
    status: 'Sucess',
},
{
    id: 4,
    name: 'ddd',
    status: 'Success',
},
{
    id: 5,
    name: 'eee',
    status: 'Sucess',
},
{
    id: 6,
    name: 'fff',
    status: 'Fail',
},
]

<DataGrid rows={processes} columns={ProcessesColumns} pageSize={10} />

const processes列：ColDef[]=[
{字段：'id'，标题名称：'id'}，
{字段：'name'，标题名称：'name'，宽度：300}，
{字段：'status'，标题名称：'status'，宽度：130}，
];
常量进程=[
{
id:1，
名称：“aaa”，
状态：“成功”，
},
{
id:2，
名称：“bbb”，
状态：“失败”，
},
{
id:3，
名称：“ccc”，
状态：“成功”，
},
{
id:4，
名称：“ddd”，
状态：“成功”，
},
{
id:5，
名称：“eee”，
状态：“成功”，
},
{
id:6，
名称：“fff”，
状态：“失败”，
},
]

我想你应该检查一下 您可以在状态列定义中添加renderCell属性

我想您应该检查一下 可以在状态列定义中添加renderCell属性