Syncfusion Feedback

Edit modes

The HTML5/JavaScript Tree Grid editing supports various edit modes such as cell, row, and dialog. These provide an interactive UI to add and edit records. In addition, editing can be performed programmatically.


Batch editing and saving bulk changes in JavaScript Editable TreeGrid.

Bulk editing

Bulk editing allows you to save the added, edited, and deleted records in a single request. This feature is used in the Tree Grid by enabling the batch editing mode. This provides an Excel-like editing experience and saves all the changes.


AddRow position

New records can be inserted in different positions such as below, above, child to the selected record, and top or bottom of the data source.


JavaScript Tree Grid using custom edit UI.

Custom editor/customizable edit UI

The editor for a Tree Grid cell can be specified by providing the edit type. The preferred editor can also be defined for specific columns.


Validation

When updating cells or rows, Tree Grid validates user inputs. This helps users to improve the overall data quality by validating user input for accuracy and completion. Users can also customize validation criteria and message according to their requirement.

JavaScript Tree Grid with Validation.


Scroll up icon