Skip to content

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.

Notifications You must be signed in to change notification settings

SyncfusionExamples/how-to-customize-the-rows-of-aspdotnet-core-datagrid-using-templates

Repository files navigation

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:


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.

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •