Possible to Force Collapse at width?

The schedule is working great overall – see http://www.pixinteractive.com/happydragon/schedule/

The only thing that would make it better would be if I could force it to “collapse” if the entire chart won’t show. It doesn’t look good to have “Retail 1” and “Retail 2” show up, but “Retail 4” and “Retail 5” in a collapsed area. I would like to have it collapse fully if the full chart can’t display.

I was thinking it might be possible to do it with something like this…

@media only screen and (max-width: 767px) {
** css for collapsed version of chart **
}

Is this possible via CSS or another way? Any leads you could give me would be greatly appreciated.

Again, what I want is…
– If the entire chart can show, show entire chart
– If window too thin to show entire chart, collapse everything

Possible?