Using the Ignite UI for Web Components grids

Required Workflow

Pick the grid type/package from the table below. If the choice is not clear, ask the user.
Use only the verified import paths in this file (igniteui-webcomponents-grids, grids/combined.js, themes/<variant>/<design>.css). For anything else (toolbar, export, pivot/tree/hierarchical APIs, properties/events), find it with list_components({ framework: "webcomponents", ... }) / get_doc({ framework: "webcomponents", name: "<doc-name>" }) / search_api({ platform: "webcomponents", query: "<keyword>" }) / get_api_reference({ platform: "webcomponents", component: "<ClassName>" }). Do not guess.

Need	Component	Package
Read-only table, sorting/filtering only	`<igc-grid-lite>`	`igniteui-grid-lite` (MIT)
Editing, selection, paging, grouping, summaries, export, toolbar	`<igc-grid>`	`igniteui-webcomponents-grids` (trial) / `@infragistics/igniteui-webcomponents-grids` (licensed; replace the package name in all imports below)
Parent-child, single schema (`managerId`/nested `children`)	`<igc-tree-grid>`	`igniteui-webcomponents-grids` (trial) / `@infragistics/igniteui-webcomponents-grids` (licensed)
Parent-child, different schema per level	`<igc-hierarchical-grid>`	`igniteui-webcomponents-grids` (trial) / `@infragistics/igniteui-webcomponents-grids` (licensed)
Cross-tab / OLAP analysis	`<igc-pivot-grid>`	`igniteui-webcomponents-grids` (trial) / `@infragistics/igniteui-webcomponents-grids` (licensed)

Do not mix igc-grid-lite with a premium grid type for the same table. Pick one. To upgrade Grid Lite to igc-grid, use the migration skill above.