The following unions are available in the Data Grid component:
| Name | Value | Description |
|---|
| AggregateData | 'unknown' | Represents the structure of aggregate result values returned by the Data Grid component.
Includes raw numeric values for computation and formatted display values for rendering.
Raw values are keyed by field - type (e.g., Freight - sum for summation on the "Freight" field).
Formatted values are keyed by AggregateType enum members (e.g., Sum for rendering summation results). Used in footerTemplate rendering and custom aggregation logic. |
| EditMode | 'Normal' | 'Popup' | 'PopupTemplate' | Defines the editing interaction mode for grid records. Normal - Allows inline editing directly within grid cells. Popup - Displays edit form in a modal dialog with auto-generated fields. PopupTemplate - Displays edit form in a modal dialog using custom template.
|
| PopupSettings | 'Partial<ComponentProps<typeof Dialog>>' | Configuration settings for customizing the Syncfusion Dialog component used in popup edit mode.
Accepts any valid Dialog component props as partial properties for dialog customization. |
| ToolbarItems | 'Add' | 'Edit' | 'Update' | 'Delete' | 'Cancel' | 'Search' | Defines the set of actionable items displayed in the grid toolbar. Each item maps to a specific user command. Enables direct data operations, UI control. Add - Creates new row or record. Opens blank form or inserts editable row. Edit - Enables editing for selected row. Supports selection logic, inline editing. Update - Saves changes to data source. Triggers validation, lifecycle hooks. Delete - Removes selected row or record. Cancel - Discards unsaved changes. Exits edit mode, maintains data integrity. Search - Displays input for row filtering. Supports keyword match, column-level queries
|
| ValueType | 'number' | 'string' | 'Date' | 'boolean' | Defines the supported data types for grid values, used in filtering, sorting, and other operations. number - Represents numeric values. string - Represents text values. Date - Represents date values. boolean - Represents true/false values.
|