• Material 3
  • Bootstrap 5
  • Fluent 2
  • Tailwind CSS
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Product Catalog in ASP.NET Core Data Grid Control

This sample demonstrates a product catalog built using the Syncfusion® ASP Core Data Grid with column templates and a detail template. Each row displays product information through customized templates, including product details, sales trends, ratings, pricing, and stock status.

DEMO
SOURCE

The Syncfusion® ASP Core Data Grid demonstrates the use of detail and column templates to display product inventory. Custom templates are applied to columns such as "Product", "Sales", and "Status". Rows can be expanded to display a detail section using the Syncfusion® Card layout. This section presents product information including detailed descriptions, specifications, and pricing details.

Features of the Grid component are segregated into individual feature-wise modules. To use the detail row feature, inject the DetailRow module into the services collection.

More information on the detail template can be found in this documentation section .

Looking for the full ASP.NET Core Data Grid component overview, features, pricing, and documentation? Visit our ASP.NET Core Data Grid component page.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab