|
1 | | -# Getting Started With the Blazor DataGrid Component |
| 1 | +# Getting started with Syncfusion<sup style="font-size:70%">®</sup> Blazor DataGrid component |
2 | 2 |
|
3 | | -This sample explains about how to create a new Blazor application using Visual Studio 2022 and add the Syncfusion Blazor Data Grid to it. This project contains simple code customizations that can be done to the data grid columns, as well as some important features such as paging, sorting, filtering, and grouping. |
| 3 | +A modern sample application demonstrating how to build a Blazor application with the [Syncfusion<sup style="font-size:70%">®</sup> Blazor DataGrid](https://www.syncfusion.com/blazor-components/blazor-datagrid) component. The project demonstrates simple column customizations along with key features such as paging, sorting, filtering, and grouping. |
4 | 4 |
|
5 | | -**Documentation**: https://blazor.syncfusion.com/documentation/datagrid/getting-started |
| 5 | +## Features |
| 6 | + |
| 7 | +- **Pagination**: Browse large datasets efficiently with configurable page sizes |
| 8 | +- **Sorting**: Sort columns in ascending or descending order |
| 9 | +- **Filtering**: Apply filters to find specific records |
| 10 | +- **Grouping**: Organize data by column values |
6 | 11 |
|
7 | | -**Sample link**: https://blazor.syncfusion.com/demos/datagrid/overview/ |
8 | | - |
9 | 12 | ## Prerequisites |
10 | 13 |
|
11 | | -* Visual Studio 2022 |
| 14 | +- [.NET SDK 8.0](https://dotnet.microsoft.com/download) or later |
| 15 | +- [Visual Studio 2022](https://visualstudio.microsoft.com/downloads/) or later |
| 16 | +- [Visual Studio Code](https://code.visualstudio.com/) |
| 17 | + |
| 18 | +## Getting Started |
| 19 | + |
| 20 | +### Clone the Repository |
| 21 | + |
| 22 | +```bash |
| 23 | +git clone https://github.com/SyncfusionExamples/get-start-with-blazor-data-grid.git |
| 24 | +cd get-start-with-blazor-data-grid |
| 25 | +``` |
| 26 | + |
| 27 | +### Run with Visual Studio |
| 28 | + |
| 29 | +1. Open the solution file using Visual Studio 2022 or later. |
| 30 | +2. Restore the NuGet packages by rebuilding the solution. |
| 31 | +3. Build the project to ensure there are no compilation errors. |
| 32 | +4. Run the project. |
| 33 | + |
| 34 | +### Run with .NET CLI |
| 35 | + |
| 36 | +```bash |
| 37 | +# Restore dependencies |
| 38 | +dotnet restore |
| 39 | + |
| 40 | +# Run the project |
| 41 | +dotnet run |
| 42 | +``` |
| 43 | + |
| 44 | +## References |
12 | 45 |
|
13 | | -## How to run the project |
| 46 | +**Documentation**: https://blazor.syncfusion.com/documentation/datagrid/getting-started-with-server-app |
14 | 47 |
|
15 | | -* Checkout this project to a location in your disk. |
16 | | -* Open the solution file using the Visual Studio 2022. |
17 | | -* Restore the NuGet packages by rebuilding the solution. |
18 | | -* Run the project. |
| 48 | +**Online example**: https://blazor.syncfusion.com/demos/datagrid/overview?theme=fluent2 |
0 commit comments