Desktop Components ShowcaseMobile Components Showcase
ace:cellEditor - Overview

The <ace:dataTable> supports both row and cell editing via the <ace:cellEditor> and <ace:rowEditor> components. In the demo below, select the pencil icon in the Options column for the row you wish to edit. Once clicked, notice the cell components of the selected row become editable. Make desired changes and select the checkmark to save and refresh the row, or the “x” to reject and revert the row back to the original settings.

Name
Chassis
Weight (lbs)
Options
Enduro
Van
15383
Tamale
Bus
7331
Doublecharge
Pickup
5333
Swordfish
Bus
10956
Iguana
Pickup
1696
Dart
Motorcycle
9261
Pisces
Luxury
7846
Flash
Mid-Size
11499
Tomcat
Mid-Size
10766
Passion
Subcompact
2082
Superflash
Subcompact
14959
Husky
Mid-Size
14334
Gazelle
Semi-Truck
14248
Supraflash
Luxury
3037
Endino
Subcompact
4997
Tonto
Pickup
4555
Courage
Pickup
9848
Encyclo
Motorcycle
5725
Swansea
Luxury
1466
Toure
Station Wagon
15576
Ignite
Van
10973
Doublecharge
Pickup
9414
Hawk
Motorcycle
8545
Hook
Subcompact
1853
Tiny
Subcompact
12785
Hinterland
Semi-Truck
12453
Triplecharge
Van
11952
Freeze
Semi-Truck
6107
Courier
Bus
8187
Dart
Motorcycle
7177
false null [0, 1, 2, 3]
Source Code