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']
});