agGridDemo

Intro

agGrid is a fully-fledged and highly customizable JavaScript data grid. It delivers outstanding features (like sorting, filtering, etc), performance, and rich data display (simple and complex). Interestingly, it also gives a smooth integration with Angular as well.

Why leverage on ag-Grid:

• Column Grouping
• Column Moving
• Column Pinning
• Column Resizing
• Column and Text Filtering
• Row Selection
• Row Sorting
• Row Dragging
• Cell Styling
• Touch Support and
• Many more...

This demo is a play-around to exploring the nitty-gritty of this agGrid.

This project was generated with Angular CLI version 11.1.2.

Setup

1. Clone this repository

$ git clone https://github.com/pkErbynn/ag-Grid-with-Angular.git

2. Navigate into the directory

$ cd /ag-Grid-with-Angular

3. Run ng serve for a dev server. Navigate to http://localhost:4200/.

4. Enjoy 👍

Non-filter Result

Filter Result

NOTE: Can switch branches to see other use cases... :-)

• Grouping

• Custom Cell Renderer (in dark mode)

• Cell Button Renderer (in dark mode)

Find more on ag-Grid(Angular) doc here