Angular Grid / Material Table Overview

In this quick overview, we will talk about Ignite UI for #AngularGrid component. You will learn about the features in the Angular Data Grid / Material Table as well as the various #Angular Grid types like Angular Tree Grid, Angular Pivot Grid, Angular Hierarchical Grid and Excel Spreadsheet Grid that Ignite UI includes. In general, Angular Data Grid is a full-featured component used for quick and simple data visualization in a tabular format in any modern-day business app. The Angular UI Grid is packed with tons of features like data selection, excel style filtering, sorting, paging, templating, column moving, exporting to Excel & CSV formats and more.

To learn how you can create an Angular Data Grid like this, with real, live data, watch these Angular tutorials:

Angular Grid / Material Table Overview Chapters:

0:00 Intro
0:30 Grid Demo
1:10 Column Options
1:20 Column Filtering
2:20 Row Actions Overlay
3:00 Row & Column Pinning
3:40 Collapsible / Expand Row / Column Groups
4:18 Master Detail Options
4:30 Real Time / Streaming Data in Angular Grid
5:15 Export Angular Grid to Excel
5:45 Wrap Up

Why Ignite UI for Angular Data Grid component?

Ignite UI toolbox enables you to build feature-rich Angular Data Grid with the ability to data bind, cell and row selection, cell and row editing and error validation, column summaries, interactive Outlook-style grouping, Microsoft Excel-style filtering, and virtualized rows and columns so that you can load millions of records blazing fast. The Infragistics’ Angular Grid can handle unlimited Angular Material Table rows and columns of data, while providing access to custom templates and real-time data updates.

Want to streamline the way you build your Angular Data Grids?

Switch to our WYSIWYG #LowCode App Builder™ and apply everything you learned from this Angular Grid Tutorial. App Builder™ is a brand-new cloud-based drag-and-drop app maker that eliminates the complexity behind #UI design and development, so you can build business apps 10x faster. You can start your #app from scratch or choose from a library of pre-built app templates and responsive screen layouts. Then customize your Angular app with a toolbox of 60+ UI controls and generate your clean Agular code in a single click.