Menu
I looked at the angular-ui modules because I need to implement a grid.
I saw that there is the stable ng-grid and the unstable version ui-grid.
Which version should I use?
Are they very different or hard to switch?
704
Generic UI Data Grid is one of the best free grid library. Performance is the main focus point, grid is able to present huge sets of data up to 1 000 000 rows. It greatly integrates with the best javascript framework there is Angular. All of that makes this library a great free to use Angular data table component.
UI-Grid 3.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 as Angular modules and Directives. This keeps the core; small and focused, while executing very complex features only when you need them.
The best alternative is DataTables, which is both free and Open Source. Other great apps like ag-Grid are Dash DataTable, Frappe DataTable, Webix DataTable and FancyGrid. ag-Grid alternatives are mainly Spreadsheet Apps but may also be Code Editors.
ng-grid is Angular's native implementation of the Grid. There are many plugins from third-parties that can be integrated into AngularUI Pages, but ng-grid exists inside the AngularJs framework and is very rich in functionality and compatibility. Let us create a sample ng-grid and understand how ng-grid works.
The github repo says that all development will happen on ui-grid (ng-grid 3). That means ng-grid has become a legacy grid. ui-grid is stable enough to use in my opinion and the only reason to use ng-grid is if you already started with it. New projects would be better off using ui-grid. They also claim that the performance of ui-grid is better than that of ng-grid though I haven't tested that.
UPDATE:
A stable version of UI Grid 3 is out which means that it can be used in production applications. On their documentation site, they have a guide on how to upgrade from legacy ng-grid. See Tutorial: 099 Upgrading
102
It's the same project. ng-grid is older (version 2.x), UI Grid is newer (version 3.x) but not officially relased yet (currently in release candidate status). They're very similar, compare the tutorials for v2 (ng-grid) and v3 (UI Grid).
Edit (Nov 12 2014): One major feature from v2 that is still missing in v3 is grouping (github issue). If that's something you can't do without stick with v2 for now.
11
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
