Skip to content

This sample explains how to create a Blazor DataGrid component and it contains such as excel like filtering, sorting, grouping and more.

Notifications You must be signed in to change notification settings

SyncfusionExamples/blazor-grid-getting-started

Repository files navigation

Blazor DataGrid - Getting Started

The Blazor DataGrid is a feature-rich component for displaying data in a tabular format. Its wide range of functionalities includes data binding, editing, Excel-like filtering, Excel, CSV, and PDF formats, aggregating rows, selection, and more.

Prerequisites

  • Visual Studio 2022

How to run the project

  • Checkout this project to a location in your disk.
  • Open the solution file using the Visual Studio 2022.
  • Restore the NuGet packages by rebuilding the solution.
  • Run the project.

Features and Benefits

High performance

Data Grid has optimized design for high-performance. Loads high volume of data, nearly 1 million+ records, within one second without any performance degradation with the help of row and column virtualization.

Editing

The Blazor Editable Grid provides full support to create, read, update, and delete operations (CRUD). In addition to built-in editor controls to edit a particular column value, using template support users can create custom editor controls that suit their application needs. It performs editing operations with list of business objects or remote data service with the help of data manager.

Aggregation

Aggregates for column values can be easily displayed using the aggregate feature. Aggregates can be customized to show their value in individual summary rows, individual group summary rows, or in group caption rows.

Filtering

Filtering helps view particular or related records in the Blazor DataGrid, which meet a given filtering criteria. It supports various filter types that include powerful Excel-like filter. The Blazor Data Grid filter allows users to choose appropriate filter type, define their own custom filtering logic, and customize the filtering UI based on their application needs. It also has an option to filter diacritic characters in Blazor Data Grid.

Selection

The Blazor DataGrid allows selecting rows or cells. One or more rows or cells can also be selected by holding Ctrl or Command, or programmatically.

Grouping

Supports row grouping to display data in an organized way. Data can be grouped in the ascending or descending order. Rows can be grouped by dragging and dropping the desired columns in the interactive drop area.

Column behaviors

Columns define the schema of data source in Blazor DataGrid. It supports formatting, auto generating columns, column definitions, freezing rows and columns, column spanning, text wrapping, column chooser, column menu, and other important features.

Paging

Through paging, a segment of data can be viewed from the assigned data source. The Blazor DataGrid offers built-in pager UI with options to customize its entire UI. It also has an on-demand paging mode for effective data retrieval from remote web services.

Related links

Learn More about Blazor DataGrid

Download Free Trial

Pricing

Documentation

View Demos

Community Forums

Suggest a Feature

Online Examples

Knowledge base

About Syncfusion Blazor Components

Syncfusion's Blazor components library offers over 80 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to DataGrid, we provide popular Blazor components such as Charts, Scheduler, Diagram, and Word Processor.

About Syncfusion

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 29,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1800+ components and frameworks for web (Blazor, ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Flutter), mobile (Xamarin, Flutter, UWP, JavaScript, and .NET MAUI), and desktop development (WinForms, WPF, WinUI, Flutter, UWP, and .NET MAUI). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.


sales@syncfusion.com | www.syncfusion.com | Toll Free: 1-888-9 DOTNET

About

This sample explains how to create a Blazor DataGrid component and it contains such as excel like filtering, sorting, grouping and more.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 5