Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions skills/igniteui-angular-grids/references/sizing.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.
1 change: 1 addition & 0 deletions skills/igniteui-angular-grids/references/structure.md
Original file line number Diff line number Diff line change
Expand Up @@ -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<T[]>([])`
8. **Virtualization is automatic** — don't wrap grids in virtual scroll containers
9. **Omit `width` on generated `<igx-column>` 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

Expand Down
3 changes: 2 additions & 1 deletion skills/igniteui-angular-grids/references/types.md
Original file line number Diff line number Diff line change
Expand Up @@ -247,7 +247,7 @@ Columns use `<igx-grid-lite-column>` 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 |
Expand Down Expand Up @@ -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 `<igx-row-island>` 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 `<igx-grid-lite-column>` elements.** Columns without `width` equally share available grid width. Only set `width` when the user explicitly asks for it.

## See Also

Expand Down
Loading