material ui datagrid 表格单元格中的状态菜单

【问题标题】：material ui datagrid a status menu in table cellmaterial ui datagrid 表格单元格中的状态菜单
【发布时间】：2022-02-17 17:43:43
【问题描述】：

我想添加一个像填充状态这样的列

但我无法从文档中弄清楚如何做到这一点，我觉得在设置列时我必须使用 renderCell 但我看不到如何完成它。

https://mui.com/components/data-grid/demo/

https://mui.com/components/data-grid/columns/

【问题讨论】：

标签： javascript node.js reactjs material-ui jsx

【解决方案1】：

我推荐你使用 renderCell 属性，它对于替换单元格的内容更有效。

<DataGrid rows={[]} columns={[
  {
     field:"status",
     align:"center",
     headerName:"User status",
     renderCell({ row }){
        return <Menu>
          <MenuItem children="ACTIVE"/>
          <MenuItem children="INACTIVE"/>
         </Menu>
     }
  }
]} />

【讨论】：