Skip to content

Commit 5d6451d

Browse files
author
Anto Gibson
authored
Update README.md
1 parent 3b00a27 commit 5d6451d

File tree

1 file changed

+24
-15
lines changed

1 file changed

+24
-15
lines changed

README.md

Lines changed: 24 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,35 @@
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
22

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.
44

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+
---
76

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.
108

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
1310

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
1612

17-
Watch the video to get started with the ASP.NET Core DataGrid control:
18-
https://www.youtube.com/watch?v=E5w2fO-N9gE
13+
---
14+
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.
16+
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+
---
1922

2023
## Project pre-requisites
24+
Make sure that you have compatible versions of
25+
* .NET SDK installed ([.NET ](https://dotnet.microsoft.com/en-us/download))
26+
* Visual Studio 2022 ([Visual studio](https://visualstudio.microsoft.com/downloads/)) or later
27+
28+
installed in your machine before starting to work on this project.
29+
30+
## How to run this application:
2131

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.
32+
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 using the Visual Studio interface.
2333

24-
### How to run this application?
34+
#### Note: If you encounter any package errors, clean the project and rebuild.
2535

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

Comments
 (0)