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

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?

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:

{{ => 
    { return { 
        imageUrl: "" + row.file

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