editableTable turns any table into an editable spreadsheet.

editableTable

Just start typing to edit, or move around with arrow keys or mouse clicks!

Name Cost Profit Fun
Car 100 200 0
Bike 330 240 1
Plane 430 540 3
Yacht 100 200 0
Segway 330 240 1
TOTAL

Usage


$('#table').editableTableWidget();
                    

Make sure that the editor clones some specific CSS properties of the underlying cell


$('#table').editableTableWidget({
  cloneProperties: ['background', 'border', 'outline']
});