【问题标题】:I am building react app with ag-grid and I am having an issue with trying how to put a link in the cell我正在使用 ag-grid 构建反应应用程序,但在尝试如何在单元格中放置链接时遇到问题
【发布时间】:2019-08-20 07:02:39
【问题描述】:

我正在使用 ag-grid 构建 react 应用程序,但在尝试弄清楚如何在单元格中放置链接以及在 REST api 响应中获取链接数据时遇到了问题。有人可以帮我解决这个问题吗?谢谢

【问题讨论】:

    标签: reactjs ag-grid ag-grid-react


    【解决方案1】:

    您可以为此使用ColDefcellRenderer 属性。

    假设您的字段名称是url,您的ColDef 将是这样的。

    {
      headerName: 'URL',
      field: 'url',
      cellRenderer: (data: any) => `<a href="${data.value}">${data.value}</a>`
    }
    

    【讨论】:

    • 谢谢,但我也想在 ag-grid 内的单个单元格中显示多个链接/多行,这可以实现吗?我遵循正确的方法还是需要使用 html 表格?
    • @pratyakshsudan - 除非您显示您的代码,否则我将如何回答?顺便说一句,您不需要使用 html 表。如果您想准确解决问题,请在 plunk 或 stackblitz 上重现您的情况。遍历How to Ask,如何创建minimal reproducible example
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-11-24
    • 2021-12-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多