Editable Table
Simple Editable Table
A tiny editable jQuery Bootstrap spreadsheet. 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 |
Editable table with fixed constraint
Mark cell as invalid or reject change during editing (e.g. change one of the item names to blank or try to enter a non-numeric cost).
| Name | Position | Salary | Office | Extn. | |
|---|---|---|---|---|---|
| Tiger Nixon | System Architect | $320,800 | Edinburgh | 5421 | t.nixon@datatables.net |
| Garrett Winters | Accountant | $170,750 | Tokyo | 8422 | g.winters@datatables.net |
| Ashton Cox | Junior Technical Author | $86,000 | San Francisco | 1562 | a.cox@datatables.net |
| Cedric Kelly | Senior Javascript Developer | $433,060 | Edinburgh | 6224 | c.kelly@datatables.net |