DataGrid / Columns / Cell Formatting

Blazor DataGrid Example - Cell Formatting

Loading Syncfusion Blazor Server Demos…

This sample demonstrates the DataGrid's conditional cell formatting functionality.

The Blazor DataGrid allows you to customize the appearance of cells by changing their background and text colors. This is achieved using the QueryCellInfo event, which provides access to cell data and allows you to apply custom styling based on your conditions.

In this demo, the Week High and Week Low column cells are decorated with background and text colors through the QueryCellInfo event to visually indicate when the current symbol has reached its high and low values.

For more detailed information about cell formatting, refer to the cell styles documentation.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE