How to hide column headers in visual view table on small screens

By: Tommy Tutone | Asked: 01/27/2024
ForumsCategory: General questionsHow to hide column headers in visual view table on small screens
Tommy Tutone asked 8 months ago
I have a visual view table and want to avoid having to maintain two different tables for large and small screens. I checked the "make table responsive" checkbox and it works well. The only concern I have is that it wastes a lot of real estate by displaying the column header values on the left half of the screen and all the table data on the right half. Is there a way to use the full width of the smaller screen to only show table data and not show column headers? I deleted the column header text but the left half still shows empty space. Thanks!
1 Answers
Victor Font answered 8 months ago
I’m curious why you’re using the old HTML table format instead of the new grid. It’s easier to hide grid cells with CSS than hiding an entire column in a table. 
Victor Font replied 8 months ago

Whatever the case, the answer is still customize your CSS.

Making the Best WordPress Plugin even better - Together

Take on bigger projects with confidence knowing you have access to an entire community of Formidable Experts and Professionals who have your back when the going gets tough. You got this!
Join the community
crossarrow-right