IgniteUI/angular-grid-examples

Dernière activité source enregistrée: 3 septembre 2026 à 11:00

Catalogue SkillsMP mis à jour: 5 novembre 2026 à 19:57

skills collectés: 2

Étoiles GitHub: 9
Forks GitHub: 1

Installer avec un assistant IA

Copiez ce prompt dans l’assistant IA que vous utilisez.

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

README du dépôt

Fichier source du README : README.md

Lire le README source

Afficher le README complet

# 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 --- ## New Financial Portfolio **Description:** An updated Angular financial portfolio app for tracking assets with profit and loss analysis. Live prices flash as they change, sparklines show each asset's trend, and a search box highlights matches across the grid. **Components Used:** - Data Grid - Sparkline - Avatar - Chip - Button - Icon - Linear Progress Bar - Input Group - Excel Exporter Service - CSV Exporter Service - PDF Exporter Service **Features:** - Live Data Updates - Sorting - Search Highlighting - Column Hiding - Column Pinning - Exporting - Conditional Cell Styling - Light and Dark Themes --- ## FinTech 100K **Description:** A high-volume Angular trading grid that virtualizes 100,000 generated financial instruments across 41 columns, with Excel-style filtering, cell editing, three component sizes, light and dark themes, and Excel and PDF export. **Components Used:** - Data Grid - Select - Date Picker - Button Group - Button - Icon - Excel Exporter Service - PDF Exporter Service **Features:** - Virtualization (100,000 rows) - Row Selection - Sorting - Excel Style Filtering - Cell Editing - Column Moving - Column Resizing - Column Hiding - Column Pinning - Exporting - Conditional Cell Styling - Small, Medium and Large Sizes - Light and Dark Themes --- ## Sales KPI Dashboard **Description:** A sales dashboard with KPI cards, revenue and deals charts, revenue by region, recent activity and a leaderboard of top performers. **Components Used:** - Data Grid - Category Chart - Doughnut Chart - Card - List - Avatar - Badge - Button - Icon **Features:** - KPI Cards - Interactive Charts - Responsive Layout - Light and Dark Themes --- ## New Fleet Management **Description:** An updated fleet management app for vehicle acquisition, operations and maintenance. Each vehicle expands into a detail view with tabs for its details, trips, maintenance, costs and utilization charts. **Components Used:** - Data Grid - Category Chart - Doughnut Chart - Tabs - Card - Chip - Badge - Dialog - Snackbar - Action Strip - Button Group - Button - Icon - Input Group **Features:** - Master-Detail View - Sorting - Search Highlighting - Column Moving - Column Hiding - Column Pinning - Advanced Filtering - State Persistence - Row Actions - Small, Medium and Large Sizes - Light and Dark Themes --- ## FinTech Dock Manager **Description:** A trading desk built in a Dock Manager: a watchlist, positions and order grids, financial charts, an order ticket and a live market feed. The panes can be docked, floated and hidden, and the layout is saved between visits. **Components Used:** - Dock Manager - Data Grid - Financial Chart - Navigation Drawer - Tabs - List - Dialog - Snackbar - Simple Combo - Select - Switch - Button Group - Action Strip - Chip - Badge - Avatar - Linear Progress Bar - Button - Icon - Input Group - Excel Exporter Service - CSV Exporter Service - PDF Exporter Service **Features:** - Live Data Updates (SignalR with a simulated fallback) - Docking and Floating Panes - Row Selection - Sorting - Filtering and Advanced Filtering - Column Moving, Hiding and Pinning - Summaries - Exporting - Layout Persistence - Light and Dark Themes --- ## Budget Planning Workbook **Description:** A retail budget planning workbook in the Angular Spreadsheet: an .xlsx file with eight worksheets, loaded with the Excel library, with live formulas, conditional formatting, data validation, filterable tables and Excel charts. **Components Used:** - Spreadsheet - Spreadsheet Chart Adapter - Excel Library **Features:** - Excel Workbook Loading - Formulas - Cell Editing - Conditional Formatting - Data Validation - Table Filtering and Sorting - Frozen Panes - Excel Charts

Chargement du README du dépôt…

Skills dans ce dépôt

Développeurs web

1 catégories métier · 100% classifié

skill

métier

description

mis à jour

igniteui-angular-components

Développeurs web

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,…

Langue du texte source : anglais

2026-09-03

igniteui-angular-grids

Développeurs web

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…

Langue du texte source : anglais

2026-09-03

Affichage de 2 skills collectés sur 2.