Cells

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

• Progress and Percentage Bar Cells in SvGrid - Build in-cell progress bars in your Svelte 5 data grid - with color thresholds, accessible markup, and sorting that still works.
• Cell Tooltips Done Right in a Data Grid - Tooltips in a data grid are either cheap and effective or an accessibility and performance trap. Here is how to build them correctly in SvGrid.
• Avatar and Image Cells in SvGrid - How to render avatars, product thumbnails, and logos in grid cells with proper fallbacks, lazy loading, and accessible alt text using Svelte 5 snippets.
• An Actions Column (Edit, Delete) in SvGrid - Build a per-row actions column with edit, delete, and duplicate buttons in SvGrid - handling data mutations, accessibility, and confirmation flows correctly.

Other topics

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