# angular-ui/ui-grid

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/angular-ui-ui-grid).**

5,376 stars · 2,422 forks · JavaScript · MIT

## Links

- GitHub: https://github.com/angular-ui/ui-grid
- Homepage: http://ui-grid.info
- awesome-repositories: https://awesome-repositories.com/repository/angular-ui-ui-grid.md

## Topics

`angular` `javascript` `ui-grid`

## Description

ui-grid is an enterprise data grid component for Angular applications designed to display tabular data. It functions as an interactive data table that supports virtualization to maintain performance when rendering large datasets.

The grid provides specialized capabilities for professional data management, including row grouping, column pinning, and state persistence. It allows for the organization of complex data hierarchies and the transformation of flat records into grouped or tree structures.

The component covers a broad range of data management features, including in-place cell editing, column reordering, and the ability to import and export data to external files. It also includes support for keyboard navigation and multi-language localization.

## Tags

### Data & Databases

- [Interactive Tabular Displays](https://awesome-repositories.com/f/data-databases/tabular-data-frameworks/tabular-data-management-interfaces/tabular-display-management/interactive-tabular-displays.md) — Offers a high-performance interactive tabular display that uses virtualization to render massive datasets efficiently. ([source](https://cdn.jsdelivr.net/gh/angular-ui/ui-grid@master/README.md))
- [Visual Data Grouping](https://awesome-repositories.com/f/data-databases/data-management/table-data-managers/visual-data-grouping.md) — Enables the arrangement of flat records into groups or tree structures to visualize complex data relationships. ([source](https://cdn.jsdelivr.net/gh/angular-ui/ui-grid@master/README.md))
- [In-Place Cell Editing](https://awesome-repositories.com/f/data-databases/in-place-cell-editing.md) — Provides capabilities for modifying the values of individual cells directly within a tabular view. ([source](http://ui-grid.info/))
- [Row Groupings](https://awesome-repositories.com/f/data-databases/row-groupings.md) — Provides the ability to organize records into collapsible sections based on shared column values for data summary. ([source](http://ui-grid.info/docs/))
- [Data Grid Exports](https://awesome-repositories.com/f/data-databases/data-grids/data-grid-exports.md) — Provides capabilities for exporting grid content to external file formats for offline analysis. ([source](http://ui-grid.info/docs/))
- [Data Import and Export](https://awesome-repositories.com/f/data-databases/data-import-and-export.md) — Includes utilities for moving data into and out of the grid using standard file formats. ([source](https://cdn.jsdelivr.net/gh/angular-ui/ui-grid@master/README.md))
- [High-Performance Visualizers](https://awesome-repositories.com/f/data-databases/data-visualization-charts/high-performance-visualizers.md) — Renders high volumes of data with a focus on smooth performance and scrolling using virtualization.
- [External File Imports](https://awesome-repositories.com/f/data-databases/external-file-imports.md) — Implements functionality to populate the grid by importing data from external files or remote sources. ([source](http://ui-grid.info/docs/))
- [Hierarchical Data Modeling](https://awesome-repositories.com/f/data-databases/hierarchical-data-modeling.md) — Organizes datasets into nested tree structures to represent parent-child relationships.
- [Keyboard Navigation](https://awesome-repositories.com/f/data-databases/in-place-cell-editing/keyboard-navigation.md) — Provides controls for moving focus and navigation between cells using keyboard inputs. ([source](http://ui-grid.info/docs/))

### User Interface & Experience

- [Editable Data Grids](https://awesome-repositories.com/f/user-interface-experience/data-grid-row-sorting/editable-data-grids.md) — Provides interactive grids that allow viewing, filtering, sorting, and modifying table rows directly. ([source](https://cdn.jsdelivr.net/gh/angular-ui/ui-grid@master/README.md))
- [In-Place Data Editing](https://awesome-repositories.com/f/user-interface-experience/column-layout-configurations/column-management-interfaces/in-place-data-editing.md) — Enables users to edit cell values, reorder columns, and manage records directly within the grid interface.
- [Complex Data Organization](https://awesome-repositories.com/f/user-interface-experience/complex-data-organization.md) — Allows structuring flat records into groups and hierarchies to analyze relationships and summarize information.
- [DOM Virtualization](https://awesome-repositories.com/f/user-interface-experience/dom-virtualization.md) — Uses rendering techniques that create DOM elements only for visible items to maintain high performance with massive datasets.
- [Enterprise Data Grids](https://awesome-repositories.com/f/user-interface-experience/enterprise-data-grids.md) — Implements a professional data table with enterprise features like state persistence, keyboard navigation, and multi-language support.
- [Editable Data Tables](https://awesome-repositories.com/f/user-interface-experience/virtualized-data-tables/editable-data-tables.md) — Provides a customizable interface for in-place data editing and high-performance virtual scrolling.
- [Virtualized Scroll Management](https://awesome-repositories.com/f/user-interface-experience/virtualized-scroll-management.md) — Implements a high-performance grid that renders only visible rows to maintain smooth scrolling with massive datasets.
- [Layout Persistence](https://awesome-repositories.com/f/user-interface-experience/column-layout-configurations/layout-persistence.md) — Stores user-defined structural configurations like column positions and visibility across sessions.
- [Column Pinning](https://awesome-repositories.com/f/user-interface-experience/data-tables/column-pinning.md) — Includes capabilities for fixing specific columns in place during horizontal scrolling to maintain context. ([source](http://ui-grid.info/))
- [Column Reordering](https://awesome-repositories.com/f/user-interface-experience/data-tables/column-reordering.md) — Enables changing the horizontal sequence of columns in the grid via drag-and-drop. ([source](http://ui-grid.info/docs/))
- [Row Detail Expansion](https://awesome-repositories.com/f/user-interface-experience/expanding-content-cells/row-detail-expansion.md) — Implements UI patterns that allow a table row to unfold and reveal additional nested content. ([source](http://ui-grid.info/docs/))
- [Infinite Scrolling](https://awesome-repositories.com/f/user-interface-experience/infinite-scrolling.md) — Supports an infinite scrolling UX pattern to automatically load additional content as users reach the end of the list. ([source](http://ui-grid.info/docs/))
- [Interactive Cell Rendering](https://awesome-repositories.com/f/user-interface-experience/interactive-cell-rendering.md) — Renders table cells as rich interactive elements using interchangeable HTML templates.
- [Keyboard-Driven Navigation](https://awesome-repositories.com/f/user-interface-experience/keyboard-driven-navigation.md) — Provides navigation and control schemes that rely on keyboard inputs to improve efficiency and accessibility.

### Part of an Awesome List

- [Data Tables and Grids](https://awesome-repositories.com/f/awesome-lists/devtools/data-tables-and-grids.md) — Ships a feature-rich data grid component with row grouping, column pinning, and state persistence.

### Web Development

- [Angular Grid Components](https://awesome-repositories.com/f/web-development/angular-grid-components.md) — Provides a specialized tabular data component for Angular applications with built-in virtualization and filtering.
- [Pagination](https://awesome-repositories.com/f/web-development/client-side-data-fetching/pagination.md) — Implements techniques for loading large datasets in incremental chunks to optimize browser performance.

### Software Engineering & Architecture

- [Configuration State Persistence](https://awesome-repositories.com/f/software-engineering-architecture/configuration-state-persistence.md) — Implements mechanisms for storing and retrieving structured system state and application configurations. ([source](https://cdn.jsdelivr.net/gh/angular-ui/ui-grid@master/README.md))
- [UI Pagination](https://awesome-repositories.com/f/software-engineering-architecture/performance-reliability/performance-optimization/data-handling-throughput/large-dataset-optimizations/ui-pagination.md) — Splits massive volumes of information into smaller pages or continuous streams to maintain fast response times. ([source](https://cdn.jsdelivr.net/gh/angular-ui/ui-grid@master/README.md))