How do I render an image from an API in a table?

How do I do X?
1

I have a file name returning in my API data and I want to render that column as an image by prefixing a base URL to that data. Is this possible?

2

It’s possible to do that by transforming the data via JS in the Table Data property before it’s rendered in the table UI.

For example, if your data coming from the API is [{id: 1, file: "fooFile" } ...] , you can bind it to the table via JS:

{{ Api1.data.map((row) => 
    { return { 
        id: row.id,
        imageUrl: "https://myurl.com/" + row.file
      }
  }) 
}}

In the table, you will then see a column imageUrl which will display the image inline.