Changing table layout if on mobile device

xxconradxx

New Member
I have a table with two column that looks like so.
TnIeq.png
Which is what I need it covers the space available which is about 1000px. However my problem is when I view it on a mobile device iphone for example. The table instead of breaking after each item just squeezes the table to fit the screen which is what I imagine it is configured to do. What would be the best way to instead of squeezing the table to fit making the table change its layout. The only thing I can think of is checking the device type and creating the table through javascript, regularly if not a mobile device and changining table to one column with multiple rows if mobile.Would this be the best way to do this?
 
Back
Top