IgniteUI/angular-grid-examples

最近记录的来源活动: 2026年9月3日 11:00

SkillsMP 收录数据更新: 2026年11月5日 19:57

已收集 skills: 2

GitHub 星标: 9
GitHub Forks: 1

用 AI 助手安装

复制这段 Prompt，发给你正在使用的 AI 助手。

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

仓库 README

仓库 README 来源：README.md

查看 README 源文件

展开完整 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 --- ## 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

正在加载仓库 README…

这个仓库中的 skills

网页开发工程师

1 个职业分类 · 已分类 100%

skill

职业分类

描述

更新

igniteui-angular-components

网页开发工程师

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

网页开发工程师

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

已展示 2 / 2 个已收集 Skill。