Tabular Table Issues

Hello Ismael,

Thank you for the reply!

The table purpose is set to tabular (as the “Tabular Issue” on the title suggests) but it will not save the caption that is ONLY showing on the tabular settings. As I mentioned, I can see it on the debug box but it doesn’t appear on the actual table.

I don’t want to set responsible styling to scrollable… I need the table to be responsive under ALL media screens.

Thank you,
George

Hi Josue,

Unfortunately if I make the table scrollable instead of responsive, it defeats the purpose of using it. Because of the data that is displayed on it, the visitor MUST be able to see the headings on the top and the description on the left column at all times otherwise they won’t know what the data is about. That is ONLY accomplished by setting the table as responsive, which then the headings & description is available when the table adjusts to one column on the 768px and under media screens. Therefore yours & Ismael’s suggestion does not work for THIS type of data table.

I still need help on fixing the bug (?) issue that the caption data which is ONLY available under tabular data tables does not save. When I save the table, I can see the caption in the debug box, but NOT on the top of the table. If I open the table again to edit it, I don’t see the caption data previously added within the caption area. I need the caption area to display disclaimer info on each of the 6 tables that I created on the page.

Thank you,
George

Hi Josue,

Thank you so much for fixing it! What was wrong with it?

In regards to the responsive issue, is there any way that the tables can brake into at least 2 to 4 columns in the 769px to 1140px before they break to one column at 768px?

Thank you so much once again for your help and for fixing the caption issue!
George

Hi Peter,

Thank you for the reply! Unfortunately as I explained twice before not all data tables are the same and can work the same way.

If you take a quick look at the 6 data tables that I have created on the page, and perhaps try to recreate just one of the ones with the most rows (number of columns is equal on all) you will realize that sometimes we need to think more practical instead of technical. It is impossible for the reader who studies the data on the tables to understand the visible data without being able to associate it with the left description & top heading.

That currently only works when the whole table is visible up to 1140px media screens and when the table turns into one column (in 768px & under media screens) when the description turns into heading & the heading display right below each description on each column, which I think is a brilliant idea!

An easy solution it would be to break the table into one column at 1140px media screen instead of 768px, which I tried and works BUT it looks horrible when you just see a 3-digit number or a 2-7 letter words per line in an 1140px screen. :(

I’m pretty sure that there should be a way to make the tables a bit more responsive (break them at half and display them at 50% width in between 1140px to 768px, would be ideal and not too hard to accomplish wit a bit of css – imho) for those of us who use them to display data and not as a pricing tool which work fine as they are.

Thank you,
George

Hi Peter,

Thank you! As a matter of fact I’ve been using the tablepress plugin on my other site that runs on Genesis but to display a different type of data. The tablepress plugin is the best currently available to display a large number of columns on tablet screens but it doesn’t really work on the smaller smartphone screens when you also need to display more than 10 rows as the headings on the top rows get lost when scrolling down.

The Enfold theme’s table element is the best that I found to display large number of rows on smartphones but it doesn’t work on tablet screens when you also have a large number of columns. :(

Oh well! I hope that Kriesi will consider making it work on both screens sometime in the near future!

Thank you,
George