Jump to content
  • 0

Riddle Me This Batman... Icons In Table Headers?



Once again I seek the wise wisdom of the Caspio community wizards... 


I have a table



Currently in order to make the results table fully responsive I have only one letter in the header cells, since I cannot find a way to make their titles overflow:hidden(I tried the overflow:hidden in-line, in Wordpress and in the Caspio styles source code btw). 


I would love to have icons (specifically font awesome) in my table header instead of words or better yet use something resembling @media "media query" so that my desktop version has an icon and the titles, tablets just titles and phones just the icon.


So is there a way to change a label in a (datapage report configure results page field) to an icon? Can I use media queries to change the header cells at breakpoints? or simply make the title disappear when the cell gets smaller using overflow:hidden like normal css. Or should i just try to use JavaScript to grab the titles and replace them with icons? 


Your thoughts and ideas are extremely appreciated! 


Oh! and bonus points if you can tell me how to change my in-line edit pencil column to a narrower width. 



Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0

Hello Brian,


If I understand correctly, you want to hide headers of a Tabular report.

You can edit your style, select "Results Page - Table Layout", go to the Source tab and add the following line:



To the following classes:





I hope, it helps.


Probably you can add icons to headers, but I do not know the way. If I find it, I will write here.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...