Table does not show the header of the first column, but each row displays the values for that column

đź’¬ App Building
, ,
1

When I created my table, I connected it to my query. As a result, the first column should be “Selfie,” where each row contains the image of the registered user. However, the header of this column isn’t displaying, even though I’ve configured it correctly and in the same way as in other tables in my app. I’ve already tried regenerating the columns, but the problem persists.

image
image1307Ă—570 48.4 KB

image

1 Like
2

Hey @murilo_picinato

I understand your concern. You should use code like this when working with HTML tags inside a table to ensure proper implementation.

{{ 
  item && item !== 'undefined' && item !== null && item !== '' 
    ? `<img src="${item}" alt="Image" />` 
    : `<img src="${variable2.value}" alt="Default Image" />` 
}}

image
image1172Ă—483 63.8 KB

I am using a Retool image stored in a variable to display it as the default.

image
image520Ă—886 100 KB

4 Likes
4

Hey @murilo_picinato

Can you tell me in what format is the image data being provided—URL, base64, or another format?

because in my data , image format is in base64 format

4 Likes
5

It's a weird problem. I don't know the reason, but you could debug as following steps:

  1. try not using html, just using the url directly, for example {{ image.url }}.
  2. if it doesn't work, try to use some hard code text like "selfie" to make sure the column could be displayed correctly.
6

Hey!

The format is HTML, and I pass a URL as the src value.

8

This seems super odd, @murilo_picinato. :thinking: Welcome to the community and thanks for reaching out!

Is the issue limited to this particular data source and, more specifically, that particular column? Do you happen to see any error messages in either the Debug or browser consoles?

I'd be interested in getting a JSON export of your app (with hard-coded query results) in order to do some additional testing!

image
image1312Ă—576 44.2 KB

1 Like
10

Hey, everyone!

Thanks so much for all your help. It turns out a hidden custom CSS code was hiding the column header. :man_facepalming:t2: :man_facepalming:t2:

I removed the code, and now everything is working perfectly!

Thanks again, and sorry for the confusion! :grin:

1 Like