IgniteUI/angular-grid-examples

최근 기록된 소스 활동: 2026년 9월 3일 11:00

SkillsMP 카탈로그 업데이트: 2026년 10월 29일 18:30

수집된 skills: 2

GitHub 스타: 9
GitHub 포크: 1

AI 어시스턴트로 설치

이 프롬프트를 복사해 사용 중인 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

수집된 skill 2개 중 2개를 표시합니다.