My goal: add tooltips to a few columns so the users can know the source of the column
Issue: almost all the columns were fine, but when adding a header tooltip to a specific column it shows both the label and the tooltip within the tooltip box.
this doesn't happen if I remove the Characters AD from the label, but then the column name is unclear to the users.
Steps I've taken to troubleshoot:
Additional info: (Cloud or Self-hosted, Screenshots)
this image you can see the header tooltip enabled, but showing both the column label and the real header tooltip:
This is a similar column with the exact same settings displaying correctly:
this is an image with the first tooltip showing as expected, but only because I renamed the label of the field to be more ambiguous:
it doesn't matter where I have the "AD" in the label, the double header tooltip comes back if I put AD anywhere:
This happens because the table header text gets ellipsized (...) when the screen size is small or there are too many columns. If the header width is set to auto, the column name gets cut off, and Retool automatically shows both the column name and the tooltip content in the same tooltip box.
Before wrapping the column text:
You can see both the tooltip and the column name appearing together:
To fix this, consider adjusting the column width or enabling text wrapping to prevent the ellipsis.
If you're not using automatic column width, you can simply enable the "Wrap column header text" option in the column settings.
Feel free to ask if you need further assistance or have additional questions. We're here to help!