|
1 |
| -# How to Customize the Rows of ASP.NET Core DataGrid Using Templates |
| 1 | +# How to Customize the Rows of ASP.NET Core DataGrid using Templates |
2 | 2 |
|
3 |
| -A quick-start project that helps you to customize rows in an ASP.NET Core Data Grid using templates. This project also contains simple code customizations using detail template to show additional information about a particular row by expanding or collapsing it. |
| 3 | +A quick-start project that helps you to customize rows in the Syncfusion ASP.NET Core `DataGrid` using templates. Discover how to use `detail templates` to show additional information by expanding or collapsing grid rows. |
4 | 4 |
|
5 |
| -Refer to the row template documentation for the Syncfusion ASP.NET Core DataGrid control: |
6 |
| -https://ej2.syncfusion.com/aspnetcore/documentation/grid/row/row-template |
| 5 | +--- |
7 | 6 |
|
8 |
| -Refer to the detail template documentation for the Syncfusion ASP.NET Core DataGrid control: |
9 |
| -https://ej2.syncfusion.com/aspnetcore/documentation/grid/row/detail-template |
| 7 | +* `Row Template`: Customizes the appearance of grid rows by defining a template that can include HTML and data-binding expressions. This allows you to create a personalized layout for each row. |
10 | 8 |
|
11 |
| -Check out this online example of row template in the Syncfusion ASP.NET Core DataGrid control: |
12 |
| -https://ej2.syncfusion.com/aspnetcore/Grid/RowTemplate#/fluent |
| 9 | +Documentation: https://ej2.syncfusion.com/aspnetcore/documentation/grid/row/row-template |
13 | 10 |
|
14 |
| -Check out this online example of detail template in the Syncfusion ASP.NET Core DataGrid control: |
15 |
| -https://ej2.syncfusion.com/aspnetcore/Grid/DetailTemplate#/fluent |
| 11 | +Demo: https://ej2.syncfusion.com/aspnetcore/Grid/RowTemplate#/fluent |
16 | 12 |
|
17 |
| -Watch the video to get started with the ASP.NET Core DataGrid control: |
18 |
| -https://www.youtube.com/watch?v=E5w2fO-N9gE |
| 13 | +--- |
19 | 14 |
|
20 |
| -## Project pre-requisites |
| 15 | +* `Detail Template`: Provides a way to show additional information about a grid row in an expandable section. This template is revealed when a user expands a row, allowing for a detailed view of row data without cluttering the main grid layout. |
21 | 16 |
|
22 |
| -Make sure that you have the compatible versions of Visual Studio 2022 and .NET 7.0 SDK framework in your machine before starting to work on this project. |
| 17 | +Documentation: https://ej2.syncfusion.com/aspnetcore/documentation/grid/row/detail-template |
| 18 | + |
| 19 | +Demo: https://ej2.syncfusion.com/aspnetcore/Grid/DetailTemplate#/fluent |
| 20 | + |
| 21 | +--- |
| 22 | + |
| 23 | +## Project pre-requisites |
| 24 | +Make sure you have compatible versions of the following IDE and framework installed on your machine before starting this project: |
| 25 | + |
| 26 | +* .NET SDK 6.0 ([.NET ](https://dotnet.microsoft.com/en-us/download)) |
| 27 | +* Visual Studio 2022 ([Visual studio](https://visualstudio.microsoft.com/downloads/)) or later |
| 28 | + |
| 29 | +--- |
| 30 | + |
| 31 | +To learn more about the supported IDE and frameworks for our ASP.NET Core controls, please refer to the documentation below: |
| 32 | +https://ej2.syncfusion.com/aspnetcore/documentation/system-requirements |
| 33 | + |
| 34 | + |
| 35 | +## How to run this application: |
| 36 | + |
| 37 | +To run this application, clone the `how-to-customize-the-rows-of-aspdotnet-core-datagrid-using-templates` repository and open it in Visual Studio.Install the necessary NuGet packages via the package manager, then build and run the project by pressing the F5 key. |
23 | 38 |
|
24 |
| -### How to run this application? |
25 | 39 |
|
26 |
| -To run this application, you need to clone the `how-to-customize-the-rows-of-aspdotnet-core-datagrid-using-templates` repository and then open it in Visual Studio Code. Now, simply install all the necessary react packages into your current project by pressing the `F5` command. |
|
0 commit comments