Data Grid API map
The Data Grid hub spans @jsvision/ui and @jsvision/datagrid. This map keeps package ownership visible: use the UI package for the compact read-only surface and the Data Grid package for typed editing, transformations, aggregation, and personalization.
Visual surfaces
| Surface | Package | Role |
|---|---|---|
DataGrid | @jsvision/ui | Compact read-only grid |
GridHeader | @jsvision/ui | Read-only column header |
GridRows | @jsvision/ui | Read-only row viewport |
EditableDataGrid | @jsvision/datagrid | Typed interactive grid |
EditableGridRows | @jsvision/datagrid | Editable row viewport |
SortHeader | @jsvision/datagrid | Sort state and priority |
QuickFilterRow | @jsvision/datagrid | Per-column quick filters |
FilterPopup | @jsvision/datagrid | Condition filter editor |
ValueList | @jsvision/datagrid | Distinct-value selection |
FooterBand | @jsvision/datagrid | Aggregate footer surface |
Ownership boundaries
The host owns domain rows, persistence, authorization, and remote source policy. The grid owns viewport interaction and the configured transformation/edit lifecycle. Export callers own scope and destination safety; personalizeGrid owns the reversible dialog interaction, while the host owns variant persistence and migration.
Supporting column, editor, validation, source, export, and variant types live beside EditableDataGrid in @jsvision/datagrid. Import through the package entry point so examples and applications remain independent of workspace source layout.
Related
- Overview — choose the correct surface.
- Editing & cell editors — learn the edit lifecycle.
- Export & personalization — apply the trust and ownership boundaries.
personalizeGridAPI — generated helper signature.