Lattice Grid Buy a licence

demos

Every feature, running.

219 demos, one feature each, and every one is the real product generating its data in your browser from a fixed seed, so sorting, filtering and editing all do what they would do in your application. Nothing here is a video or a screenshot.

Start here

Eight demos worth your first five minutes. The rest are below, by feature.

Then these

Every demo, by feature

Getting started

The first ninety seconds. Each of these is readable in full without scrolling the code.

Modern SaaS UI

The same grid dressed as the product screens it ends up inside, styled through the theme's own tokens rather than against them.

Columns

Structure and geometry. Several of these are the reason to choose a grid over a table.

Types and formatting

A type is not a label. It is storage, comparison, parsing, formatting and an editor.

Cell rendering

Twenty-four built-in renderers. Visual first, explanatory second.

Conditional formatting

Rules as live state rather than a compile step, editable on the page.

Sorting

Where it runs and what it costs, with real numbers.

Filtering

One filter model behind every control, which is the point worth making.

Grouping, totals and pivot

Reducing many rows to the few numbers someone asked for.

Tree data and master-detail

Hierarchies and detail rows, including the awkward cases rather than only the tidy one.

Selection and editing

An unusually broad editor set, and what happens when a write is refused.

Sources and live data

Four source modes with genuinely different contracts.

Collaboration and governance

What happens when more than one person is looking at the same grid.

Theming and accessibility

The pages where the theme itself is the subject.

Export and integration

The last mile, which decides whether a grid gets adopted inside an existing app.

Rows and layout

What a row is, how tall it is, and what sits outside the scrolling body.

Chrome and menus

The controls around the grid, and the rules behind what each one offers.

Presenting

Showing a grid to a room rather than to one person at a desk.

Automation and AI

A model proposing a change, and the grid validating it before anything is applied.

Charts

Thirty-five chart types drawn from the grid's own filtered rows, redrawing as it moves.

Statistics

What the grid knows about its own numbers, and about how they have changed since the page loaded.

Derived and chained

One grid built from another and following its filter, to any depth, with a single figure in a tile reading the same rows.

Building one of these

Each demo is a column list and a row array. The configuration playground lets you change the options and read back the object that produced the result, the developer guide walks through the same configurations with the code beside them, and the API reference lists every option.