June 24, 2014 at 7:52 am #282845
I’ve got a couple issues displaying a tabular table. First, I insert a caption that describes the table which I can see on the debug below but the caption doesn’t display above the table when viewing the actual page. Trying to edit the table the caption info that I had previously entered and saved gets lost.
Second, there is a responsiveness issue. Table is NOT responsive in media screens from about 1140px to 768px as right columns get lost from about 1140px until they become one column at 768px.
How can I fix these 2 issues?
Thank you very much,
GeorgeJune 24, 2014 at 10:19 am #282906
Thank you for using the theme.
Please edit the table settings, set the Table Purpose to tabular data and the Responsive Styling to scrollable.
IsmaelJune 24, 2014 at 11:54 am #282953
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.
GeorgeJune 25, 2014 at 12:01 am #283321
Don’t you see this option?
(Purchase code hidden if logged out) /00000530.png” alt=”” />
The problem with such big table is that the only way to make it look proper on smaller screens is to make it scrollable.
JosueJune 25, 2014 at 12:39 am #283333
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.
GeorgeJune 25, 2014 at 12:44 am #283336
I couldn’t reproduce the caption bug on my install. Can you please create me an administrator account? post it here as a private reply.
JosueJune 25, 2014 at 1:06 am #283349June 25, 2014 at 1:28 am #283357
Please check the page now, i was able to set the caption to each table and it remained there when reopened.
JosueJune 25, 2014 at 1:52 am #283362
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!
GeorgeJune 25, 2014 at 8:24 am #283437
No but you can use the “Make entire table scrollable” option: https://www.clipular.com/c/5825320103968768.png?k=h3AV7MuzzUCHVxuXbm5yNsfHmTg if you want to preserve the column structure.
PeterJune 25, 2014 at 12:39 pm #283558
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.
GeorgeJune 26, 2014 at 8:01 am #283938
I’ll mark this thread for Kriesi (feature request). If you need a quick solution you can try a plugin like: http://tablepress.org/ which also supports responsive layouts: http://tablepress.org/extensions/responsive-tables/
PeterJune 26, 2014 at 10:18 am #283970
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!
The topic ‘Tabular Table Issues’ is closed to new replies.