The web development office I work for is working on a fixed-width web site. On one page, we have a table inside of the fixed 960px space available. So far, this table has worked out great for us, but the data we're using actually includes so many other fields that we could display about three times the columns we have room for. The limited space is keeping us from displaying all of the data we could give our users.
One idea that we have discussed would be to make the entire website full width and use CSS3 media queries to show/hide table columns as more or less space is available. I'm less fond of this idea because I don't like changing the entire layout of a website to deal with a usability issue on one page. Another option people have been discussing is to put the table inside of a scrolling div so that all of the table columns can be available to all users. I feel like with all of the great jQuery plugins out there, there must be a better way to do this than these two options.
What is the best way to display more columns than you have room for in a table within a fixed-width layout?