Page width when resizing HTML table

I am writing some jQuery to resize a table column (http://jsfiddle.net/ydTCZ/4/) which is really rough, but seems to have the functionality I need开发者_运维技巧.

The problem is the columns can't be expanded past the page width. For instance, if you resize a column, it will only expand until the page width is filled.

How can this be fixed? I'd like there to be no limit on the resize, and a scroll bar to appear if the table width goes beyond the page width.

Try wrapping it in a div and resize the div together with the table. I've updated your fiddle.

http://jsfiddle.net/ydTCZ/8/