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.