我正在寻找一种在材质数据网格中添加超链接的解决方案

Question

例如： 请参阅此示例数据网格。

我插入了。

但无法建立链接。

Answer 1

您需要使用

renderCell

而不是

render

:

  {
    field: "age",
    headerName: "Age",
    type: "number",
    width: 110,
    renderCell: (rowData) => (
      <Link href={`/user?id=${rowData.id}`} target="_blank">
        {rowData.row.age}
      </Link>
    )
  }

沙箱：https://codesandbox.io/s/datagriddemo-material-demo-forked-93d5nc?file=/demo.js

Answer 2

就像这样返回字符串...

`<a href="${params.getValue("id")}">${params.getValue("id")}</a>`