mates-grid docs

mates-grid

gridAtom & RenderGrid

gridAtom is parent-owned state. RenderGrid(grid) binds the internal engine on mount. Call expandAll, setColumnFilter, exportCsv, and the rest on the atom — you do not hold a GridApi.

Atoms you will use most: columns, data, config, page, sortModel, filterModel, selectedIds, ready, and revision.

Read live status from the atom

This page subscribes to ready and revision so the status line updates after sort, filter, and selection.

ready · rows 18 · selected 0 · density normal 

const grid = gridAtom({ columns, data: people });

grid.config.update((c) => ({ ...c, density: "compact" }));
grid.clearFilters();
grid.setColumnFilter("region", {
  filterType: "text",
  type: "equals",
  filter: "EMEA",
});