https://github.com/syncfusionexamples/how-to-customize-the-rows-of-aspdotnet-core-datagrid-using-templates

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.
https://github.com/syncfusionexamples/how-to-customize-the-rows-of-aspdotnet-core-datagrid-using-templates

aspdotnetcore-datagrid aspdotnetcore-datagrid-detail-template aspdotnetcore-datagrid-row-customization aspdotnetcore-datagrid-row-template aspdotnetcore-datagrid-rows aspdotnetcore-datatable

Last synced: 7 days ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/syncfusionexamples/how-to-customize-the-rows-of-aspdotnet-core-datagrid-using-templates
• Owner: SyncfusionExamples
• Created: 2023-12-19T11:14:53.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-08-01T17:05:27.000Z (5 months ago)
• Last Synced: 2024-08-01T19:17:56.217Z (5 months ago)
• Topics: aspdotnetcore-datagrid, aspdotnetcore-datagrid-detail-template, aspdotnetcore-datagrid-row-customization, aspdotnetcore-datagrid-row-template, aspdotnetcore-datagrid-rows, aspdotnetcore-datatable
• Language: HTML
• Homepage:
• Size: 1.26 MB
• Stars: 1
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# How to Customize the Rows of ASP.NET Core DataGrid using Templates

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.

---

* `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.

Documentation: https://ej2.syncfusion.com/aspnetcore/documentation/grid/row/row-template 

Demo: https://ej2.syncfusion.com/aspnetcore/Grid/RowTemplate#/fluent 

---

* `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.

Documentation: https://ej2.syncfusion.com/aspnetcore/documentation/grid/row/detail-template 

Demo: https://ej2.syncfusion.com/aspnetcore/Grid/DetailTemplate#/fluent 

---

## Project pre-requisites 

Make sure you have compatible versions of the following IDE and framework installed on your machine before starting this project:

* .NET SDK 6.0 ([.NET ](https://dotnet.microsoft.com/en-us/download))

* Visual Studio 2022 ([Visual studio](https://visualstudio.microsoft.com/downloads/)) or later

---

To learn more about the supported IDE and frameworks for our ASP.NET Core controls, please refer to the documentation below: 

https://ej2.syncfusion.com/aspnetcore/documentation/system-requirements

## How to run this application:

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.