-
Posts
-
I looked through the forums and searched for a plugin to make tables responsive using CSS & HTML only (NO Java Script). I saw a lot of people asking about this without a great answer and a lot of random sites and plugins just either didn’t look right or were poorly coded. The worst solutions, to me are the ones that remove columns or add confusing dropdowns instead of showing the cells.
I found and have implemented what I think is the best solution and I’m to posting it for anyone who might want to save some time. It might not be perfect but it has, so far, performed flawlessly on 2 old tablets, an old phone, and plenty of modern devices.
Thank you to “No More Tables” Sergio Pinnaprato. You can get the HTML & CSS there. The CSS goes in your custom CSS box for the page you’re building in Cornerstone while the HTML just gets dropped into a text box on the same page. Very simple! Just modify the HTML for your content and you’re good.
Below are examples of the first table I built (full screen & mobile screenshots).
- <script> jQuery(function($){ $("#no-reply-1054703 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
