A data grid for AngularJS; part of the AngularUI suite. UI Grid v4.0.0 has been released! Check out the project on GitHub for more information. Special thanks to Sauce Labs and BrowserStack for providing their testing platforms to open source projects for free.

UI-Grid 4.0 (formerly ng-grid), is a 100% angular grid written with no dependencies other than AngularJS. It is designed around a core grid module and features are layered on as angular modules and directives.

UI-Grid is currently compatible with Angular versions ranging from 1.4.x to 1.8.x. UI-Grid comes bundled with several features. Not all of them are currently stable. See the list below for the stability of each: For more details on the features check the Tutorials. UI-Grid has an excellent plugin system. Most new features can be added as plugins.

A data grid for Angular. Latest version: 4.12.7, last published: a year ago. Start using angular-ui-grid in your project by running `npm i angular-ui-grid`. There are 45 other projects in the npm registry using angular-ui-grid.

The Ignite UI Angular Data Grid features an intuitive API, so you can quickly bind to data with minimal code, easily use all features and custom implementations, and achieve even easier theming and branding. It also gives access to custom templates and real-time data updates.

Use this online angular-ui-grid playground to view and fork angular-ui-grid example apps and templates on CodeSandbox. Click any example below to run it instantly or find templates that can be used as a pre-built solution!

Setting gridOptions within your controller is the most common method for an application developer to configure the behaviour of their ui-grid. (optional) uiGridViewport.on ('scroll', scrollHandler) by default. A function that allows you to provide your own scroller function.

The development goal of ui-grid (ng-grid 3.0) is a fast, testable, and extensible grid component. The core angular module (ui.grid) provides the basics. Virtualization; Row Selection; Everything else should be added as new angular modules unless the grid team agrees that it's a core feature.

Aug 24, 2021 · Try how the Ignite UI for Angular data grid works by forking our GitHub repository and explore other components like Ignite UI for Angular charts, gauges, layouts, and more.

Step 1 - Include the uiGrid in your project. Step 2 - Add uiGrid module as a dependency to your app. Step 3 - Data for the grid. "firstName": "John", "lastName": "Doe" }, "firstName": "Jane", "lastName": "Doe" Step 4 - HTML Markup for the Grid. Use the ui-grid directive and pass in your scope property of myData.