{"id":3098,"date":"2025-10-03T11:05:49","date_gmt":"2025-10-03T11:05:49","guid":{"rendered":"https:\/\/www.infragistics.com\/blogs\/?p=3098"},"modified":"2025-10-06T07:14:07","modified_gmt":"2025-10-06T07:14:07","slug":"ignite-ui-for-angular-20-1-is-out-whats-new-exciting","status":"publish","type":"post","link":"https:\/\/www.infragistics.com\/blogs\/ignite-ui-for-angular-20-1-is-out-whats-new-exciting","title":{"rendered":"Ignite UI for Angular 20.1 Is Out! What’s New & Exciting?"},"content":{"rendered":"\n

Fighting complexities in your code? Well, the Ignite UI for Angular<\/a> 20.1 release is all about streamlining and facilitating your development workflows and processes. We\u2019ve doubled down on making the Angular grid <\/a>work better for you with brand-new features and performance enhancements. With powerful add-ons like cell merging, which enhances readability by eliminating duplicate values, and dual-side column pinning for maximum flexibility and control, you can deliver cleaner data displays, optimized datasets, and a smoother user experience. Focus on building, not debugging.<\/p>\n\n\n\n

Here’s everything new at a glance.<\/p>\n\n\n\n

Grid Cell Merging feature<\/h2>\n\n\n\n

The Ignite UI for Angular Grids provides a Cell Merging feature that combines two or more adjacent cells with the same value into a single, larger cell. Merging is applied vertically within a column and helps improve readability by reducing duplicate values. The feature can be configured to merge cells either by default, matching data values, or by applying a custom condition. <\/p>\n\n\n\n

The Cell Merging feature is available for:<\/p>\n\n\n\n

\n

Angular Data Grid<\/a><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Angular Tree Grid<\/a><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Angular Hierarchical Grid<\/a><\/p>\n\n\n\n

\"Ignite<\/figure>\n<\/div><\/div>\n\n\n\n

Grid Column Pinning on Both Sides<\/h2>\n\n\n\n

With Ignite UI for Angular 20.1, you can specify each column pinning location separately, allowing you to pin columns to both sides of the grid for greater convenience, easier optimization of data sets, and achieving desired UX for your Angular application<\/a>.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

The Column Pinning on both sides is available for Angular Data Grid, Angular Tree Grid, and Angular Hierarchical Grid.<\/p>\n\n\n\n

Pushing the Boundaries of Angular Grid Performance<\/h2>\n\n\n\n

At Infragistics, we\u2019ve always taken pride in delivering the fastest Angular grids in the world and now, we\u2019re taking performance to the next level. Over the past few sprints, our development teams have been focused on optimizing the core of our Angular components library: Data Grid, Tree Grid, and Hierarchical Grid.<\/p>\n\n\n\n

Faster Than Ever: The Optimized Sorting Pipeline<\/h2>\n\n\n\n

The first significant improvement to be released in Ignite UI for Angular 20.1 is a comprehensive optimization of the sorting pipeline. We know that for applications handling large datasets, every millisecond counts. Our initial acceptance criteria were ambitious: to benchmark grouping performance and demonstrate at least a 25% improvement in execution time for datasets with 10,000 rows or more.<\/p>\n\n\n\n

The results? We\u2019ve blown past that benchmark, achieving:<\/p>\n\n\n\n