IgniteUI/angular-grid-examples

Latest recorded source activity: September 3, 2026 at 11:00

SkillsMP catalog refreshed: October 29, 2026 at 18:30

skills collected: 2

GitHub stars: 9
GitHub forks: 1

Install with an AI assistant

Copy this prompt into the AI assistant you're using.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/IgniteUI/angular-grid-examples.

Repository README

Repository README source: README.md

Read the source README

Expand full README

# Ignite UI for Angular Examples You can quick-start your project using the sample apps here! Explore, inspect the source code, or customize them with ease. [Browse samples and source code](https://www.infragistics.com/angular-grid-examples/home/inventory) All sample apps are built using Ignite UI’s fast-performance Angular grids for real-time data handling, high-speed rendering, and versatile customization options. Each demonstrates key enterprise-ready features—like sorting, filtering, editing, and more—helping you build interactive, data-rich Angular applications faster. ## Financial Portfolio App <img width="975" height="597" alt="Angular Financial Portfolio App" src="https://github.com/user-attachments/assets/2bea183f-b383-4e38-a654-194e36f9a1d9" /> **Description:** An Angular example app showing assets, profit, and loss analyses. It integrates dynamic charts, uses a Bootstrap light theme for visual consistency, and features a high-performance Data Grid. **Components Used:** - Data Grid - Avatar - Button - Icon - Linear Bar - Input Group - Excel Exporter Service - CSV Exporter Service **Features:** - Row Selection - Sorting - Column Hiding - Column Pinning - Exporting - Conditional Cell Styling - Filtering --- ## ERP/Inventory <img width="975" height="540" alt="Angular ERP/Inventory example" src="https://github.com/user-attachments/assets/0d1b17ae-1c03-4d0f-9e64-622f1a434b2d" /> **Description:** An Angular sample app for ERP/Inventory, handling large data volumes using Ignite UI for Angular Hierarchical Grid with Material Light theme. **Components Used:** - Hierarchical Grid - Data Chart - Rating - Dialog - Badge - Button - Icon - Excel Exporter Service - CSV Exporter Service **Features:** - Row Selection - Sorting - Filtering - Column Moving - Column Hiding - Column Pinning - Exporting --- ## Org Chart/HR Portal <img width="975" height="601" alt="Angular HR Portal Example App" src="https://github.com/user-attachments/assets/7c58abe0-7d0d-4e47-9f4d-231a0fd58e33" /> **Description:** Angular sample app featuring a Tree Grid to manage and display employee information. **Components Used:** - Tree Grid - Avatar - Button - Icon - Paginator - Excel Exporter Service - CSV Exporter Service **Features:** - Row Selection - Sorting - Excel Style Filtering - Column Hiding - Column Pinning - Exporting - Paging --- ## Fleet Management System <img width="975" height="592" alt="Angular Fleet Management System Example" src="https://github.com/user-attachments/assets/1cd1fe7b-ca25-4000-b38f-3357823b0581" /> **Description:** Angular sample app with a Master-Detail Grid for managing vehicle acquisition, operations, and maintenance—perfect for retail businesses. Includes product-specific details (engine, maker, fuel, trip history, maintenance, etc.). **Components Used:** - Grid - Pie Chart - Category Chart - Card - Geographic Map - Overlay - Avatar - Badge - Tabs - Carousel - Slide - Divider - Select - Button - Icon - Excel Exporter Service - CSV Exporter Service **Features:** - Sorting - Exporting - Filtering - Column Pinning - Column Hiding --- ## Sales Dashboard <img width="975" height="527" alt="Angular Sales Dashboard Example App" src="https://github.com/user-attachments/assets/b539083f-3896-4d57-8431-7a1abc5ac7d0" /> **Description:** Angular sales app example for summaries by region, product, and time periods, with options for detailed trend analysis and KPIs. **Components Used:** - Pivot Grid - Pivot Data Selector - Button - Icon - Toggle - Tooltip - Dropdown - Excel Exporter Service - CSV Exporter Service **Features:** - Sorting - Exporting - Filtering - Resizing - Super Compact Mode

Loading the repository README…

Skills in this repository

Web Developers

1 occupation category · 100% classified

skill

occupation

description

updated

igniteui-angular-components

Web Developers

Covers all non-grid Ignite UI for Angular UI components: application scaffolding and setup, form controls (inputs, combos, selects, date/time pickers, calendar, checkbox, radio, switch, slider), layout containers (tabs, stepper, accordion, splitter,…

2026-09-03

igniteui-angular-grids

Web Developers

Provides guidance on all Ignite UI for Angular data grid types (Flat Grid, Tree Grid, Hierarchical Grid, Grid Lite, Pivot Grid) including setup, column configuration, sorting, filtering, selection, editing, grouping, summaries, toolbar, export, paging, remote…

2026-09-03

Showing 2 of 2 collected skills.