Skip to main content

Data Grids

6 pages

Budget vs actual, re-forecast by the team that owns it.

Budget vs actual as tree data: teams nest under departments that carry the roll-up, only leaf forecasts are editable, and an edit re-rolls every ancestor so the variance bars and the totals row move together.

1 example

Triage 5,000 requests without paging.

A request log that loads 100 events at a time as you scroll, with set filters on level and service, a number filter on duration, Find, saved views stored as GridState JSON and an Excel export of exactly the view on screen.

1 example

A book that re-prices in place.

An equity book that re-prices on a feed: flashChanges flashes only the cells that moved, an in-cell sparkline trend, pinned symbol, a totals row for market value and P&L, and a Pause control that starts paused under reduced motion.

2 examples

Every order opens into its line items.

A fulfilment queue with master / detail: each order expands into its line items, delivery details and actions. Floating filters, value-list filters with counts, and a status badge with an icon as well as a colour.

1 example

Edit a price list like a spreadsheet, publish it like a release.

A pricing manager edits a price list like a spreadsheet: typed, pasted and filled-down edits, validation against a margin floor, live net price and margin, edited rows marked with an icon and tint, and Publish / Discard with Undo.

1 example

Group, total, pivot and chart without leaving the grid.

720 order lines grouped by region with group sums and a totals row, a region × quarter pivot built with pivotData, and Chart selection: the grid hands a selected range to onChartRange and the block draws it with AutoChart.

2 examples