Column reordering for TableKit

Warning: Bleeding edge alpha!!!

Demo

Hover over the top border of header cells then click, hold & drag to move columns:

Usage

Similar to other features from the TableKit:

TableKit.Ordering.init(table, {});

Or:

TableKit.Ordering.move(table, cell, targetCell);

Installation

Make sure you download all necessary files from TableKit.

Then add this code (download it): tablekit-ordering.js

All that it’s left is to add the proper CSS:

th.moveOnHandle {
	cursor: move;
}
div.move-handle {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fc6;
	cursor: move;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}