Generic UI Grid

Data table component for Angular

Get Started
Name
Company
Country
Mobile
Training
Budget
Genco Pura Olive Oil Company
๐Ÿ‡ต๐Ÿ‡นPortugal
(231) 638-1199
$ -7000.00
Globex Corporation
๐Ÿ‡น๐Ÿ‡ทTurkey
(490) 696-8066
$ 8300.00
Soylent Corp
๐Ÿ‡ณ๐Ÿ‡ฑNetherlands
(607) 248-2032
$ -2450.00
Initech
๐Ÿ‡จ๐Ÿ‡ณChina
(423) 564-7972
$ 5900.00
Gekko & Co
๐Ÿ‡ง๐Ÿ‡ทBrazil
(588) 904-5858
$ 4500.00
Sterling Cooper
๐Ÿ‡ฆ๐Ÿ‡นAustria
(413) 936-2806
$ 12000.00
Hooli
๐Ÿ‡ฎ๐Ÿ‡ฑIsrael
(612) 436-2728
$ 9900.00
Vehement Capital Partners
๐Ÿ‡ช๐Ÿ‡ธSpain
(540) 378-7247
$ 100.00
Massive Dynamic
๐Ÿ‡ฏ๐Ÿ‡ตJapan
(471) 646-1055
$ 6200.00
Wonka Industries
๐Ÿ‡ฉ๐Ÿ‡ชGermany
(309) 799-3429
$ 7500.00
Items per page:
10
1
2
3
4
Showing 35 items
Supported frameworks image

ABOUT

Generic UI Data Grid is one of the best free grid library.

It offers many built-in features that work out of the box: editing, sorting, pagination, theming, summaries, column configuration, and many more. 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. Generic UI datagrid has been released under the terms of the MIT License.

Get Started

Most popular features

Features that you'll fall in love with

Live demo example :  Online shop

Grid for jQuery

Supports jQuery

jQuery Guide

Grid for Angular

Supports Angular versions >=6

Angular Guide

Grid for React

Coming soon

Stackblitz example
Angular framework image

Generic UI - Angular Data Grid library

Generic UI Grid is a lightweight data management tool that displays statistic figures in a tabular format. It was developed with ease of implementation and usage in mind. The data can be viewed in a table form. Using built-in functions, the data contained in the table can easily be tracked and managed. Generic UI includes many user-friendly features like sorting, paging, data binding and theming. Additionally, the grid supports a variety of helpful elements such as buttons, checkboxes, inputs, chips and dropdown menus.

Examples

Grid Examples

Grid with charts example image

Grid with charts

Example of the grid with exported data presented on the chart.

Users example image

Users

Example presents users in the grid.

DC superheroes example image

DC superheroes

A simple use of gui-grid on the example of most popular DC superheroes.

Dynamic data example image

Dynamic data

Example of a dynamic addition and changes to the gui-grid entries.

Build for Enterprise

Grid was built with enterprise-scale applications in mind. It implements features like virtual scrolling, editing, multi sorting, searching, which helps to handle big sets of data. Automatic summaries calculations allow to get more information from your data. Multiple views and themes help to achieve user-friendly experience. All of this makes this data table library Enterprise ready. The grid works well with the Nx ecosystem. You can find the integration guide here: Nx grid guide.

Get Started
enterprise laptop image

Themes

The grid includes four sets of themes: Fabric, Material, Light, Dark. They all have their own special styles, carefully picked to imitate modern trends. On top of that, grid themes are easy to use, just select the design of your choice with the themes attribute.

Editing

The cell editing allows users to modify data directly from the grid itself.

Performance

The grid was built to handle big sets of data. It contains features like virtual scrolling, which immensely improve browser performance.

Feel free to contact us with any questions or issues, as FAQ will be published in the near future. We will really appreciate if you let us know how do you use this angular grid library. If you find any bug, let us know about it through report an issue.