Skip to main content

Grid

High-performance data grid with virtualised rendering, grouping, filtering, and inline editing.

  • Package: @bryntum/grid (trial: @bryntum/grid-trial)
  • CSS: grid.css
  • Class: Grid
  • Wrappers: @bryntum/grid-react, @bryntum/grid-angular, @bryntum/grid-vue-3

Install (trial)​

npm install @bryntum/grid@npm:@bryntum/grid-trial@7.2.0

What agents should know​

  • Two essentials: columns (definitions with field + text) and data (or a store). A common mistake is data whose keys don't match the column fields.
  • Use built-in column types (number, date, check, widget, etc.) rather than reinventing renderers — look them up with the MCP server.
  • Features like grouping, filtering, and sorting are toggled via the features config, not separate imports.
  • Grid is virtualised; it still needs a sized parent to render rows.
Prompt for your agent
Add a Bryntum Grid in React (trial 7.2.0). Columns: name (text), role (text), startDate (date), active (check). Seed ~20 rows. Enable group-by-role and column filtering via the `features` config. `svalbard-light`, fill the viewport. Confirm the column types and feature names with the Bryntum MCP server first.