Results 1 to 2 of 2

Thread: Using fewer table columns on mobile version of page

  1. #1
    Join Date
    May 2005

    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.

  2. #2
    Join Date
    Aug 2012
    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

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center