The jquery colresizable plugin can drag the width of a table.

How to Use: Official Website: http://quocity.com/colresizable

Usage
To use this plugin a script reference must be added to the colresizable. min. JS file in the head section of the document once jquery is loaded. to enhance a table (or collection of tables) point it with a jquery wrapper and apply the colresizable () method.
Resizing grips will be located in the table according to its first row layout. for this reason, it is not recommended using colspan values in those cells. if colspan In the first row is required, just add an extra row before your table heading with no height
So it won't be visible.
In order to prevent strange behaviors while resizing a column, you are highly encouraged to define the width of the table, either by using its width attribute, an inline style, or a CSS rule.

$(function(){  $("table").colResizable();});
That's easy!