Columns

5 articles on columns in a Svelte 5 data grid: practical guides with copy-paste code, from the team building SvGrid.

• Multi-Level (Grouped) Column Headers in SvGrid - Band related columns under a shared parent header using SvGrid's nested column definition - how to nest, pin, combine with sorting and filtering, and when NOT to use grouping.
• A Custom Column Header Menu in SvGrid - Build a per-column header menu for sort, hide, pin, and custom actions using header snippets and your own dropdown component.
• A Column Show/Hide Toggle in SvGrid - Build a column chooser panel that lets users show or hide columns at runtime, with persistence across page loads and a guard against hiding everything.
• Column Virtualization Explained - Row virtualization is well understood, but wide grids expose a second bottleneck. Here is how column virtualization works, when you actually need it, and what trade-offs to expect.
• Column Definitions in SvGrid - Fields, Accessors, and Formatting - A practical look at how ColumnDef controls field binding, value resolution, sort behavior, and custom cell rendering in SvGrid.

Other topics

• Performance
• Server-side data
• Svelte 5
• Inline editing
• Reactivity
• SvelteKit
• Theming
• Real-time data
• Accessibility
• Migrating to SvGrid
• AI and LLMs
• Custom cell renderers