angular data grid

The Angular data grid, licensed per domain.

Lattice Grid is a complete Angular data grid: millions of rows, virtualised columns, server-side and streaming sources, and a full editing surface. There is no Angular-specific wrapper to learn: you call createGrid on an element the component already owns.

Add it to a Angular app

Install @toclocoinc/lattice-grid from npm and load the stylesheet with import '@toclocoinc/lattice-grid/css'. The whole grid is in the package, with no peer dependencies of its own.

import { createGrid } from '@toclocoinc/lattice-grid';
import '@toclocoinc/lattice-grid/css';

@Component({
  selector: 'app-circuits',
  template: '<div #host class="grid"></div>',
})
export class CircuitsComponent implements AfterViewInit, OnDestroy {
  @ViewChild('host') host!: ElementRef;
  private grid: any;

  ngAfterViewInit() {
    this.grid = createGrid(this.host.nativeElement, {
      columns,
      rows: this.rows,
      rowKey: 'id',
      onCellChanged: (e) => this.save(e),
    });
  }

  ngOnDestroy() {
    this.grid?.destroy();
  }
}

Angular does not need a dedicated adapter. Call createGrid on a host element in ngAfterViewInit and call grid.destroy() in ngOnDestroy, as above. If you prefer a tag, add CUSTOM_ELEMENTS_SCHEMA to your module, import @toclocoinc/lattice-grid/modules/webcomponent, and use <lattice-grid> in the template. Type declarations ship with the package.

One grid, every framework

Lattice Grid is not framework-coupled. The same engine renders in Angular, in another framework, or on a plain HTML page, and behaves identically in each, so a team moving between them learns one API and tests one set of behaviours. The Angular layer is a thin adapter over createGrid; there is also a <lattice-grid> web component if you would rather write a tag. Type declarations ship with the package, so TypeScript projects get full IntelliSense with no extra setup.

Priced per domain, not per developer

A licence covers the domain the grid runs on, not the person: add developers, contractors and agencies without adding cost, and without an audit conversation. Development on localhost is free and needs no key. Deployment is $1,000 per domain, or $10,000 for a wildcard covering every subdomain, both with a year of support and unlimited developers.

Read the docs See it running Free on localhost. See pricing.