小编Cod*_*nUi的帖子

如何在数据网格组件列组件中添加Edit material-ui图标

我正在使用 material-ui 数据网格,我想针对每一行显示 Edit material-ui 图标。但是在数据网格中,我们没有任何可以用于相同目的的道具。下面是源代码:

import React, {useState, useEffect} from "react";
import { DataGrid } from "@material-ui/data-grid";
import { Edit } from "@material-ui/icons";

    const MyComponent= () => {
          return (
             <DataGrid
              rows={[{name: "ABC", email: "xyz@gmail.com"}]}
              columns={[{ field: "name", headerName: "Name" }, { field: "email", headerName: "Email" }]}
            />
          )
};

export default MyComponent;
Run Code Online (Sandbox Code Playgroud)

html javascript datagrid reactjs material-ui

3
推荐指数
2
解决办法
3925
查看次数

标签 统计

datagrid ×1

html ×1

javascript ×1

material-ui ×1

reactjs ×1