vue data grid

The Vue 3 data grid, licensed per domain.

Lattice Grid is a complete Vue 3 data grid: millions of rows, virtualised columns, server-side and streaming sources, and a full editing surface. The Vue adapter is a thin factory over createGrid, so the component behaves exactly as the grid does everywhere else.

Add it to a Vue 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.

// setup
import * as vue from 'vue';
import { createGrid } from '@toclocoinc/lattice-grid';
import { createLatticeGrid } from '@toclocoinc/lattice-grid/modules/vue';

const LatticeGrid = createLatticeGrid({ vue, createGrid });

// template
<LatticeGrid
  :columns="columns"
  :rows="rows"
  row-key="id"
  :sort="[{ col: 'name', dir: 'asc' }]"
  @cell-changed="onCellChanged"
  @selection-changed="onSelectionChanged"
/>

Grid events are re-emitted under dashed names, so cell:changed binds as @cell-changed, because a colon in a Vue template is directive syntax. Every event is declared in the adapter's emits, so the editor and your template stay in step.

One grid, every framework

Lattice Grid is not framework-coupled. The same engine renders in Vue, 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 Vue 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.