Responsive Data Tables: A Comprehensive List of Solutions

Yes I use the similar method mentioned by brothercake but you should note that the table-cells in ie9 and under do not collapse in to blocks and break the layout.

The solution is pretty easy and you also need to set the td,tr,th, to float:left and width:100% and then IE9 and ie8 can play also :smile:

e.g.

  table, thead, tbody, th, td, tr { 
        display: block; 
	    float:left;
       width:100%;
      clear:both;
    }

The display:block then becomes redundant but I leave it in anyway in case the float gets removed by accident.