N-level column grouping

Group records across multiple levels by selecting more than one column, with control over the visibility of grouped columns. Hierarchical grouping is suitable when related records need to be organized by several fields within the same Data Grid.


Grouping with Aggregate in Angular Data Grid.

Grouping with aggregates

Aggregate functions can calculate summary values for grouped records and display the results in the group caption, group footer, or both locations. Group-level summaries are suitable when grouped data requires one or more calculated values for the same column.


Group by format

Columns can be grouped by their formatted values rather than the underlying raw values. Formatted-value grouping is suitable when displayed values, such as formatted dates, need to determine how records are organized.

Group rows by format in Angular Data Grid.


Angular Data Grid with Lazy Load Grouping

Lazy load grouping with paging

Lazy load grouping with paging renders only the initial caption rows in a collapsed state based on the page size and retrieves child records when a caption row is expanded. Paged on-demand loading is suitable for large grouped datasets where content is requested only for expanded groups.


Lazy load grouping with infinite scrolling

Grouped records remain collapsed during initial binding, while child levels are retrieved as corresponding groups are expanded during infinite scrolling. Incremental loading is suitable for large, multi-level grouped datasets that extend continuously through the grid.

Angular Data Grid lazy load grouping with infinite scrolling


Angular Data Grid lazy load grouping with virtual scrolling

Lazy load grouping with virtual scrolling

Grouped records remain collapsed initially, with child records retrieved as groups are expanded within the virtualized view. Virtualized retrieval is suitable for large hierarchical datasets that require grouped records to be accessed while scrolling.


Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion® reduces customers’ development time.
Here are some of their experiences.

See Real Success Stories

Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.

Read Our Customer Stories

140+ ANGULAR UI COMPONENTS

Scroll up icon
Syncfusion Feedback