[DataTable] Render <Link> from React-Router inside DataTable cell

[xdvarpunen]

Hi,

Is there way to render Link inside DataTable cell? So far I tried this:

data.map(function(row){
  // set Link element as string for render it in DataTable cell
  row["edit"] = `<Link to="/edit">Edit</Link>`;
  return row}))

Thanks, XDVarpunen

[Brickpsp]

you can try my way:

<DataTable
    shadow={0}
    rows={yourdata}>
<TableHeader name="link" cellFormatter={(link) => <a href={link}>{link}</a>}  tooltip="This is link">Link</TableHeader>
</DataTable>

[tleunen]

Yes, @Brickpsp is right, you can use the cellFormatter to format the content the way you want :-)

I'm closing this ticket, let me know if you still have troubles with this feature.