Installation

Package Manager

Install @gp-grid/angular using your preferred package manager:

npm install @gp-grid/angular

Requirements

• Angular 17 or higher (standalone components)
• TypeScript 5.0+ (recommended)

Peer Dependencies

• @angular/core >= 17.0.0
• @angular/common >= 17.0.0

TypeScript

gp-grid is written in TypeScript and includes built-in type definitions:

import {
  GpGridComponent,
  type ColumnDefinition,
  type GridProps,
} from "@gp-grid/angular";

Styles

Starting from v0.11.0, gp-grid no longer auto-injects its CSS to avoid FUOC, this gives you the full flexibility of customizing gp-grid styles!. You must import the stylesheet once in your application. The recommended approach is in your global styles.css:

@import "@gp-grid/angular/dist/styles.css";

Or in angular.json under the styles array:

"styles": [
  "src/styles.css",
  "node_modules/@gp-grid/angular/dist/styles.css"
]

Next Steps

• See Basic Usage for your first grid