Editable Tables
Flexible, easy to set up and responsive!
- Just click a cell to edit its data
- Make editable only the cells you want by adding the
.editable-td class
- Add new editable rows to the table
- Delete any row you want
- Still responsive! Hide any cell on mobiles or tablets without affecting the functionality
- Easily set up your rows
- The data is ready to be sent and handled in your backend when
- Deleting a row
- Adding a new row
- Editing a cell
| # |
Product Name |
Quantity |
Year |
|
| 1 |
Product1 |
34 |
2010 |
|
| 2 |
Product2 |
54 |
2010 |
|
| 3 |
Product3 |
93 |
2013 |
|
| 4 |
Product4 |
97 |
2012 |
|
| 5 |
Product5 |
73 |
2012 |
|
| 6 |
Product6 |
42 |
2011 |
|
| 7 |
Product7 |
69 |
2011 |
|
| 8 |
Product8 |
41 |
2010 |
|
| 9 |
Product9 |
21 |
2013 |
|
| 10 |
Product10 |
52 |
2013 |
|
| 11 |
Product11 |
64 |
2012 |
|
| 12 |
Product12 |
35 |
2011 |
|
| 13 |
Product13 |
37 |
2013 |
|
| 14 |
Product14 |
114 |
2011 |
|
| 15 |
Product15 |
113 |
2013 |
|
| 16 |
Product16 |
81 |
2011 |
|
| 17 |
Product17 |
24 |
2010 |
|
| 18 |
Product18 |
62 |
2013 |
|
| 19 |
Product19 |
23 |
2011 |
|
| 20 |
Product20 |
78 |
2012 |
|