如何在反应表中的单行中添加图像和文本？

发布于 2025-01-20 08:23:01 字数 568 浏览 0 评论 0原文

我想将每个图像和文本并排放在带有反应表的单列中。我可以在一个列中并排添加两个文本，如下所示：

 Header: "Name",
    id: "User",
    accessor: (d) => `${d.user} ${d.wallet}`,

但是并排添加图片和文本是我无法做到的。这是我尝试过的，但两个数据都未定义。

  {
    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>`,
  },

请问如何在单列中并排添加图像和文本

原文

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

难忘№最初的完美 2025-01-27 08:23:01

我最终按照这种方式做了并且有效。

  {
    Header: "User",
    id: "User",
    accessor: (d) => (
      <div className="inline-flex  space-x-4 ">
        <Image src={d.img} alt="user" className="rounded-full" height={50} width={50} />{" "}
        <p className="inline-flex mt-4 ">{d.name}</p>
      </div>
    ),
  },

I ended up doing it this way and it works.

  {
    Header: "User",
    id: "User",
    accessor: (d) => (
      <div className="inline-flex  space-x-4 ">
        <Image src={d.img} alt="user" className="rounded-full" height={50} width={50} />{" "}
        <p className="inline-flex mt-4 ">{d.name}</p>
      </div>
    ),
  },

回复收藏 0 原文

~没有更多了~