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 |
51 |
2011 |
|
2 |
Product2 |
60 |
2012 |
|
3 |
Product3 |
14 |
2013 |
|
4 |
Product4 |
49 |
2012 |
|
5 |
Product5 |
56 |
2011 |
|
6 |
Product6 |
8 |
2012 |
|
7 |
Product7 |
11 |
2010 |
|
8 |
Product8 |
31 |
2013 |
|
9 |
Product9 |
43 |
2011 |
|
10 |
Product10 |
105 |
2011 |
|
11 |
Product11 |
66 |
2013 |
|
12 |
Product12 |
105 |
2010 |
|
13 |
Product13 |
82 |
2012 |
|
14 |
Product14 |
36 |
2011 |
|
15 |
Product15 |
43 |
2012 |
|
16 |
Product16 |
18 |
2013 |
|
17 |
Product17 |
117 |
2012 |
|
18 |
Product18 |
47 |
2010 |
|
19 |
Product19 |
77 |
2012 |
|
20 |
Product20 |
104 |
2010 |
|