Handsontable

a minimalistic Excel-like data grid editor for HTML, JavaScript & jQuery

Manual column resize & move

This page shows how to use Handsontable with column related built-in plugins:

To enable this experimental feature, use setting manualColumnResize: true

In the right part of column header a draggable column resize handle will appear.

Double click on the column resize handle to automatically adjust column width.

Edit in jsFiddle

To enable this experimental feature, use setting manualColumnMove: true

In the left part of column header a draggable column move handle will appear.

Edit in jsFiddle

For more examples, head back to the main page.