From d802beb32f87aa1fcdd13a84a74c273b23443e86 Mon Sep 17 00:00:00 2001 From: onlyexeption Date: Thu, 11 Jun 2026 16:13:46 +0300 Subject: [PATCH] fix(skills): omit column widths by default in generated grid code (cherry picked from commit fd1dbfac8ea7530f39e205a718362309562e5ad5) --- skills/igniteui-angular-grids/references/sizing.md | 1 + skills/igniteui-angular-grids/references/structure.md | 1 + skills/igniteui-angular-grids/references/types.md | 3 ++- 3 files changed, 4 insertions(+), 1 deletion(-) diff --git a/skills/igniteui-angular-grids/references/sizing.md b/skills/igniteui-angular-grids/references/sizing.md index 5cf718b9108..64e20b8789b 100644 --- a/skills/igniteui-angular-grids/references/sizing.md +++ b/skills/igniteui-angular-grids/references/sizing.md @@ -212,3 +212,4 @@ igx-grid { - Use `null` for height only when the data set is small; row virtualization is disabled and large data will hurt performance. - When using percentage height, the parent **must** have an explicit height for the percentage to resolve correctly. Without it, the grid falls back to 10 visible rows. - A mix of fixed-width and auto-sized columns is valid — auto-sized columns fill the remaining space after fixed-width columns are laid out. +- **Omit `width` on generated columns.** No `width` = columns equally share available grid width. Pixel widths leave empty space when their sum is less than the grid width. Only set `width` when the user explicitly asks for it. diff --git a/skills/igniteui-angular-grids/references/structure.md b/skills/igniteui-angular-grids/references/structure.md index 708be3390ed..6fab15fa96b 100644 --- a/skills/igniteui-angular-grids/references/structure.md +++ b/skills/igniteui-angular-grids/references/structure.md @@ -263,6 +263,7 @@ Events: `(rowSelectionChanging)`, `(columnSelectionChanging)`, `(selected)` (cel 6. **Set `dataType` on every column** for correct filtering, sorting, editing, and summaries 7. **Use signals** for data binding — `[data]="myData()"` with `signal([])` 8. **Virtualization is automatic** — don't wrap grids in virtual scroll containers +9. **Omit `width` on generated `` elements.** Columns without `width` equally share available grid width. Only set `width` when the user explicitly asks for fixed or percentage column sizing. ## See Also diff --git a/skills/igniteui-angular-grids/references/types.md b/skills/igniteui-angular-grids/references/types.md index 62a8d53c9de..e1145ff2b48 100644 --- a/skills/igniteui-angular-grids/references/types.md +++ b/skills/igniteui-angular-grids/references/types.md @@ -247,7 +247,7 @@ Columns use `` with these inputs: | `field` | `string` | Data property key (required) | | `dataType` | `'string' \| 'number' \| 'boolean' \| 'date'` | Column data type | | `header` | `string` | Header text | -| `width` | `string` | CSS width (e.g., `'250px'`) | +| `width` | `string` | CSS width — omit by default; columns auto-fill available grid space. Only set when a fixed or percentage width is explicitly needed (e.g. `'20%'`). | | `hidden` | `boolean` | Hide the column | | `resizable` | `boolean` | Allow column resizing | | `sortable` | `boolean` | Enable sorting | @@ -487,6 +487,7 @@ Provide a drag-and-drop UI for users to reshape the pivot interactively: 2. **Hierarchical Grid**: sorting/filtering/paging are independent per level; configure features on the `` blueprint 3. **Pivot Grid is read-only** — editing, paging, pinning, column moving, row dragging are all disabled; use `pivotConfiguration` for all data operations 4. **Grid Lite requires `CUSTOM_ELEMENTS_SCHEMA`** and `igniteui-grid-lite` npm package — it has no editing, selection, paging, or export +5. **Omit `width` on generated `` elements.** Columns without `width` equally share available grid width. Only set `width` when the user explicitly asks for it. ## See Also