Build High Performance Data Grid Apps in Angular

Published: 08 June 2022
on channel: Infragistics
1,785
11

In our latest #Angular Data Grid webinar, we shifted focus to the ways and steps you can build high-performance Data Grid #apps in Angular using Ignite UI and only a few lines of code on your part.

What we showcase: the feature-rich Ignite UI Angular grid that gives you the performance and beautiful interactive #UX that your users will love as well with things like filtering, paging, keyboard navigation, sorting, export to Excel, row and column features, and much more.

What you’ll learn:

How to get started with the Angular Grid & Material Table using Ignite UI CLI or App Builder™.
How to implement features like Outlook Group-By, Excel-Style Filtering, Sorting, Editing, Paging, Templating, Exporting and more.
The difference in the various Ignite UI Angular Grid types like Angular Tree Grid, Angular Pivot Grid, Angular Hierarchical Grid.

By the end of this “How to Build High Performance Data Grid Apps in Angular” webinar, you’ll have all the knowledge and examples you need to add the fastest and most feature-rich Angular Grid.

00:00 Introduction
02:17 Angular Grid How-To's Video Playlist
03:26 Getting Started with Ignite UI Angular Grid
03:52 Key Features: Live Data/Real-Time
06:48 Key Features: Remote Data Operations
08:01 Key Features: Grid Master-Detail
09:58 Variety of Ignite UI Grids
11:34 Angular Schematics & CLI
16:47 Why Use Angular Schematics
18:34 Creating Angular Project with Schematics
22:34 IgxGrid
27:50 IgxGrid ToolBar
31:47 Using App Builder
35:20 Drag & Drop Charts & Grids
37:32 Two-Way Updates w/GitHub
44:15 App Builder Sample Apps
47:04 Q&A

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.

More about Angular Data Grid in Ignite UI: https://www.infragistics.com/products...

What is Angular Pivot Grid?

The most familiar reference to a pivot is probably the one in Excel. A Pivot Grid gives users tabular UI where they can configure different dimension settings for rows and columns, as well as data filters and data aggregations. It basically allows for data view slice-and-dice.

More about Ignite UI for Angular Pivot Grid: https://www.infragistics.com/products...

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

Switch to our WYSIWYG Low-Code App Builder and apply everything you learned from this Angular Grid Tutorial. App Builder is a cloud-based drag-and-drop #AppMaker 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 click.

More about App Builder: https://www.infragistics.com/products...


Watch video Build High Performance Data Grid Apps in Angular online without registration, duration hours minute second in high quality. This video was added by user Infragistics 08 June 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,785 once and liked it 11 people.