2026-04-18 · Angular · Integration guide

Angular Data Grid with Simple Table: Standalone Components & TypeScript

Use @simple-table/angular in modern Angular apps: install peers, import styles once, bootstrap a standalone-friendly data grid, and jump to docs or StackBlitz from the hub.

Install the Angular package

Install @simple-table/angular alongside your Angular version (Angular 17+ (standalone components supported)). The adapter exposes a component you can declare in standalone components or NgModules.

npm install @simple-table/angular

Styles

Import the stylesheet in angular.json global styles, or side-effect import from TypeScript in main.ts / main.server.ts so every view sees table styling.

import "@simple-table/angular/styles.css";

Minimal component surface

Import the published component symbol and add it to your template with inputs for columns and row data. Types ship with the package for safer templates and better IDE feedback.

import { SimpleTableComponent } from "@simple-table/angular";
import "@simple-table/angular/styles.css";

Standalone apps

For standalone bootstrapping, import the component in the imports array of the hosting component, wire change detection as usual, and keep heavy work in services if you load data asynchronously.

Next steps

Open the Angular hub for npm metadata, then launch the StackBlitz quick start to validate peers in a sandbox before integrating into your workspace.

Continue on your stack

Simple Table pairs a shared core (simple-table-core) with official adapters for React, Vue, Angular, Svelte, Solid, and vanilla TypeScript.