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.
Table does not show the header of the first column, but each row displays the values for that column
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" />`
}}
I am using a Retool image stored in a variable to display it as the default.
Hey! Thank you for your response!
I was already using the default image as a variable, but I changed the HTML as you suggested, and the problem still persists.
Please note that the image is displaying correctly, but the header is not appearing. Additionally, if I remove the column containing the images, it also removes another header.
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
It's a weird problem. I don't know the reason, but you could debug as following steps:
- try not using html, just using the url directly, for example {{ image.url }}.
- if it doesn't work, try to use some hard code text like "selfie" to make sure the column could be displayed correctly.
Hey!
The format is HTML, and I pass a URL as the src
value.
I've already tried using different formats, but the issue persists.
Even if I remove the table and create a new one, the header column is still missing.
This seems super odd, @murilo_picinato. 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!
Hey Darren,
This issue occurs only with this particular table. Other tables with the same "Selfie" column don’t have this problem.
Although there are some errors in the debug console, none of them seem to be related to this table.
Below is the exported JSON from my app for your reference:
Wendy CMS - Cadastros.json (342.2 KB)
Hey, everyone!
Thanks so much for all your help. It turns out a hidden custom CSS code was hiding the column header.
I removed the code, and now everything is working perfectly!
Thanks again, and sorry for the confusion!