Using fewer table columns on mobile version of page
I have a table that shows tabular data across 7-8 columns, which works very well on a standard monitor.
However, on a smartphone or even a tablet, it's a little less functional.
Is there a way to automatically condense the data into fewer columns when the page is being view mobile devices?
I can detect the user-agent OK, and can use CSS to set off the different data elements.
What I don't know is how to set up the columns differently, I'd really like to set it in 1-2 columns on a mobile device.
Perhaps this belongs in the PHP area, but I'm not sure.
The key is that I'm not using tables for layout, this is tabular data being pulled out of a database.
if you want the page to be different you could detect a mobile device with php and then redirect to a page with the same information but meant to be displayed on a mobile device.
or use media queries and rearrange the layout of the page.
do a Google search for responsive web design RWD
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)