Radzen Blazor Components

Blazor Spreadsheet Custom Cell Types

Create custom cell renderers and editors to display progress bars, star ratings, and other visual elements in spreadsheet cells.

Arrow keys move between cells. Tab moves to the next cell. F6 moves to the toolbar and out. F2 or type to edit. Press Alt+Slash for all keyboard shortcuts.
Task

Custom Editors Link to this section

A custom editor receives a SpreadsheetCellEditContext parameter named Context. Text editors such as the Status editor focus their input when they open, start from Context.Value and update it as the user types, so the text is committed when the user moves to another cell. Characters typed to start editing are passed on to the input. Call Context.CommitAsync to commit, for example on Enter, as the Status editor does, or when a value is picked, as the Rating editor does. Escape cancels the edit, and other keys, as well as copy and paste, stay inside the editor.

Radzen Blazor Newsletter

Get an email when new components and releases ship.

We care about your data. Read our Privacy Policy.

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

Dedicated support backed by proven expertise

Premium themes and theme editor

Ready-to-use UI blocks

Complete app templates

Visual design-time-experience

Radzen Blazor Studio

Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under MIT

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Material 3 Expressive
  • Material 3 Expressive Dark
  • Zen
  • Zen Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙