We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback


Edit modes

Vue DataGrid supports various edit modes such as inline, dialog, and batch edit (cell editing). These provide an interactive UI to add and edit records. In addition, editing can be performed programmatically.


Batch editing and saving bulk changes in Vue DataGrid.

Bulk editing

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


Custom editor/customizable edit UI

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

Vue DataGrid using custom edit UI.


Vue DataGrid with validation.

Validation

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


85+ VUE UI COMPONENTS

Scroll up icon