jQuery-ResizableColumns

A jQuery plugin to make your table columns resizable

Update v1.1.0

• Works with two rows in <thead> tag. Resizing is applied only to the first header row.

jQuery.fixTableHeader v1.0.0

• Resize columns in table
• Super Light: just 0.9kb

Demo | JsFiddle

Invoking the plugin

<table id="tbResizable">   <thead>     <tr>       <th>col 1</th>       <th>col 2</th>       ...       ...     </tr>   </thead>   <tbody>     <tr>       <td>Content</td>       <td>Conent</td>       ...       ...     </tr>   </tbody> </table>

Invoke plugin on the above table

$('#tbResizable').resizableColumns();

Important

• Resizable handlers are append() to all the table ths.
• Make sure your put your headers inside the <thead> tag.
• Adds 'resizer' class to the resizing handlers and 'resizing' class to the th that is currently being resized.