Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Design responsive question Reply To: responsive question

#248833
Beverleyh
Participant

Another really easy fix would be to wrap the table in a div and apply this CSS to the div wrapper; overflow: auto; -webkit-overflow-scrolling: touch;

The above is a simplified approach taken from Bootstrap – that and more ways to deal with tables in responsive design are here https://www.sitepoint.com/responsive-data-tables-comprehensive-list-solutions/

You could also look in to writing-mode https://css-tricks.com/almanac/properties/w/writing-mode/ and/or text rotation https://www.thecssninja.com/css/real-text-rotation-with-css to change the text orientation of some of the cells.