Question

I am trying to display a list of data in table on the desktop version of the website using tables. I want to condense the same for the mobile web. Should I use a separate block of html or can I convert the present tables for the mobile view.

http://play.mink7.com/h/startupsradar/pending.html

I like the following list view on mobile

Update
I modified the code according to the answers. Any idea how i can make the whole list as a whole as click-able as one block ?

Answer 1

You can turn an HTML table to different rendering, e.g. setting

table { display: block; }
tr { display: table; }
th, td { display: table-row; } 

This would cause a completely vertical presentation.

The details of course depend on the markup and on the desired rendering.