###### Navigation

Menu comes in two modes: dark & light

###### Top Nav

Choose your liked color mode

###### Scrollable Header

#### 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. | E-mail
--- | --- | --- | --- | --- | ---
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