{"id":49284878,"url":"https://github.com/igniteui/angular-grid-examples","last_synced_at":"2026-04-25T21:03:30.933Z","repository":{"id":266089026,"uuid":"896063560","full_name":"IgniteUI/angular-grid-examples","owner":"IgniteUI","description":"Explore these five Angular examples crafted with Ignite UI for Angular. From data grids to high-performance charts – you can explore them all, see how it’s done, and learn best practices.","archived":false,"fork":false,"pushed_at":"2025-12-05T16:22:08.000Z","size":98797,"stargazers_count":1,"open_issues_count":10,"forks_count":1,"subscribers_count":28,"default_branch":"vnext","last_synced_at":"2025-12-06T19:28:55.008Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://www.infragistics.com/angular-grid-examples","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/IgniteUI.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-11-29T13:22:37.000Z","updated_at":"2025-12-05T09:51:04.000Z","dependencies_parsed_at":"2024-12-19T17:32:42.052Z","dependency_job_id":"7a37fad2-29f7-44b2-8725-65c15a841af7","html_url":"https://github.com/IgniteUI/angular-grid-examples","commit_stats":null,"previous_names":["igniteui/grid-demos","igniteui/angular-grid-examples"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/IgniteUI/angular-grid-examples","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgniteUI%2Fangular-grid-examples","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgniteUI%2Fangular-grid-examples/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgniteUI%2Fangular-grid-examples/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgniteUI%2Fangular-grid-examples/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/IgniteUI","download_url":"https://codeload.github.com/IgniteUI/angular-grid-examples/tar.gz/refs/heads/vnext","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgniteUI%2Fangular-grid-examples/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32276636,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-25T18:29:39.964Z","status":"ssl_error","status_checked_at":"2026-04-25T18:29:32.149Z","response_time":59,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-04-25T21:03:30.259Z","updated_at":"2026-04-25T21:03:30.924Z","avatar_url":"https://github.com/IgniteUI.png","language":"TypeScript","readme":"# Ignite UI for Angular Examples\n\nYou can quick-start your project using the sample apps here! Explore, inspect the source code, or customize them with ease.  \n[Browse samples and source code](https://www.infragistics.com/angular-grid-examples/home/inventory)\n\nAll 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.\n\n## Financial Portfolio App\n\u003cimg width=\"975\" height=\"597\" alt=\"Angular Financial Portfolio App\" src=\"https://github.com/user-attachments/assets/2bea183f-b383-4e38-a654-194e36f9a1d9\" /\u003e\n\n\n**Description:**  \nAn 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.\n\n**Components Used:**  \n- Data Grid  \n- Avatar  \n- Button  \n- Icon  \n- Linear Bar  \n- Input Group  \n- Excel Exporter Service  \n- CSV Exporter Service  \n\n**Features:**  \n- Row Selection  \n- Sorting  \n- Column Hiding  \n- Column Pinning  \n- Exporting  \n- Conditional Cell Styling  \n- Filtering  \n\n---\n\n## ERP/Inventory\n\u003cimg width=\"975\" height=\"540\" alt=\"Angular ERP/Inventory example\" src=\"https://github.com/user-attachments/assets/0d1b17ae-1c03-4d0f-9e64-622f1a434b2d\" /\u003e\n\n\n**Description:**  \nAn Angular sample app for ERP/Inventory, handling large data volumes using Ignite UI for Angular Hierarchical Grid with Material Light theme.\n\n**Components Used:**  \n- Hierarchical Grid  \n- Data Chart  \n- Rating  \n- Dialog  \n- Badge  \n- Button  \n- Icon  \n- Excel Exporter Service  \n- CSV Exporter Service  \n\n**Features:**  \n- Row Selection  \n- Sorting  \n- Filtering  \n- Column Moving  \n- Column Hiding  \n- Column Pinning  \n- Exporting  \n\n---\n\n## Org Chart/HR Portal\n\u003cimg width=\"975\" height=\"601\" alt=\"Angular HR Portal Example App\" src=\"https://github.com/user-attachments/assets/7c58abe0-7d0d-4e47-9f4d-231a0fd58e33\" /\u003e\n\n\n**Description:**  \nAngular sample app featuring a Tree Grid to manage and display employee information.\n\n**Components Used:**  \n- Tree Grid  \n- Avatar  \n- Button  \n- Icon  \n- Paginator  \n- Excel Exporter Service  \n- CSV Exporter Service  \n\n**Features:**  \n- Row Selection  \n- Sorting  \n- Excel Style Filtering  \n- Column Hiding  \n- Column Pinning  \n- Exporting  \n- Paging  \n\n---\n\n## Fleet Management System\n\u003cimg width=\"975\" height=\"592\" alt=\"Angular Fleet Management System Example\" src=\"https://github.com/user-attachments/assets/1cd1fe7b-ca25-4000-b38f-3357823b0581\" /\u003e\n\n\n**Description:**  \nAngular 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.).\n\n**Components Used:**  \n- Grid  \n- Pie Chart  \n- Category Chart  \n- Card  \n- Geographic Map  \n- Overlay  \n- Avatar  \n- Badge  \n- Tabs  \n- Carousel  \n- Slide  \n- Divider  \n- Select  \n- Button  \n- Icon  \n- Excel Exporter Service  \n- CSV Exporter Service  \n\n**Features:**  \n- Sorting  \n- Exporting  \n- Filtering  \n- Column Pinning  \n- Column Hiding  \n\n---\n\n## Sales Dashboard\n\u003cimg width=\"975\" height=\"527\" alt=\"Angular Sales Dashboard Example App\" src=\"https://github.com/user-attachments/assets/b539083f-3896-4d57-8431-7a1abc5ac7d0\" /\u003e\n\n\n**Description:**  \nAngular sales app example for summaries by region, product, and time periods, with options for detailed trend analysis and KPIs.\n\n**Components Used:**  \n- Pivot Grid  \n- Pivot Data Selector  \n- Button  \n- Icon  \n- Toggle  \n- Tooltip  \n- Dropdown  \n- Excel Exporter Service  \n- CSV Exporter Service  \n\n**Features:**  \n- Sorting  \n- Exporting  \n- Filtering  \n- Resizing  \n- Super Compact Mode  \n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Figniteui%2Fangular-grid-examples","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Figniteui%2Fangular-grid-examples","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Figniteui%2Fangular-grid-examples/lists"}