I want to put each image and text side by side in a single column with react table. I can add two text side by side each in a single column, like this:
Header: "Name",
id: "User",
accessor: (d) => `${d.user} ${d.wallet}`,
But to add a picture and text side by side is what I'm unable to do. Here is what I tried but I got undefined for both data.
{
Header: "Name",
id: "User",
accessor: (d) => `${d.img} ${d.name}`,
Cell: ({ row }) =>
`<div> ${(<Image src={row[1].values.img} className="rounded-full" alt="user" height={40} width={40} />)}
<div>${row[2].values.name}</div>
</div>`,
},
Pls how do I add an image and text side by side side by side in a single column