小编Tha*_*ara的帖子

如何在 @mui/x-data-grid 表中显示图像?

我是一个 React.js 初学者。当我尝试将图像头像添加到我的 MUI 表时,出现以下错误。“TypeError:params.rows 未定义”我将把我的代码放在下面。

import React from 'react'
Run Code Online (Sandbox Code Playgroud)

导入“./userList.css”从'@mui/x-data-grid'导入{DataGrid};

导出默认函数 UserList() {

const columns = [
    { field: 'id', headerName: 'ID', width: 70 },
    { field: 'user', headerName: 'User', width: 200, renderCell: (params)=>{
      return (
        <div>
          <img src={params.rows.avatar} alt='' />
          {params.rows.username}
        </div>
      )
    } },
    { field: 'email', headerName: 'E-mail', width: 130 },
    {
      field: 'status',
      headerName: 'Status',
      width: 90,
    },
    {
      field: 'transaction',
      headerName: 'Transaction',
      width: 100,
    },
    
  ];
  
  const rows = [
    { id: 1, 
    username: …
Run Code Online (Sandbox Code Playgroud)

reactjs mui-datatable

4
推荐指数
1
解决办法
9303
查看次数

标签 统计

mui-datatable ×1

reactjs ×1