import React from 'react';  
import { Table } from 'antd';  
  
const dataSource = [  
  {  
    key: '1',  
    name: 'John Brown',  
    avatar: '/path/to/image1.jpg', // 替换为实际的图片路径  
  },  
  {  
    key: '2',  
    name: 'Jim Green',  
    avatar: '/path/to/image2.jpg', // 替换为实际的图片路径  
  },  
  {  
    key: '3',  
    name: 'Joe Black',  
    avatar: '/path/to/image3.jpg', // 替换为实际的图片路径  
  },  
];  
  
const columns = [  
  {  
    title: 'Name',  
    dataIndex: 'name',  
    key: 'name',  
  },  
  {  
    title: 'Avatar',  
    dataIndex: 'avatar',  
    key: 'avatar',  
    render: (avatar) => (  
      <img src={avatar} alt="avatar" />  
    ),  
  },  
];  
  
const TableWithImage = () => {  
  return <Table dataSource={dataSource} columns={columns} />;  
};  
  
export default TableWithImage;