This is tricky, given that Shashin uses tables to layout the tables (since tables make it practical to programmatically determine the number of columns).
My current idea is this:
Shrink the thumbnails as the page gets narrower. With some math we should be able to figure out the approx width of any given table (based on the number of cols and the size of the thumbnails). If we have to go below, say, 50px wide on the thumbanils, and it still won't fit in the display width, then force the table to a single column, using this clever approach: http://css-tricks.com/responsive-data-tables/
This is tricky, given that Shashin uses tables to layout the tables (since tables make it practical to programmatically determine the number of columns).
My current idea is this:
Shrink the thumbnails as the page gets narrower. With some math we should be able to figure out the approx width of any given table (based on the number of cols and the size of the thumbnails). If we have to go below, say, 50px wide on the thumbanils, and it still won't fit in the display width, then force the table to a single column, using this clever approach: http://css-tricks.com/responsive-data-tables/