DetailTemplate, what is the trick to get this to expand row to show details

I've now copied the sample code verbatim and rows will not expand when clicked.

https://blazor.syncfusion.com/documentation/datagrid/detail-template?cs-save-lang=1&cs-lang=csharp

I have reference to css and js.

<link rel='nofollow' href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet"/>
<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js"></script>

Grid shows the data, but will not open to view details. Don't see any javascript errors.

Thanks


3 Replies

PS Prathap Senthil Syncfusion Team August 19, 2025 01:16 PM UTC

Hi RLU ,


Greetings from Syncfusion,


We are unable to reproduce the reported issue when attempting to reproduce the issue. We have attached sample for your reference. So, to further proceed with reporting the problem, we require some additional clarification from your end. Please share the following details with us to proceed.

  • It seems that you referred to the script and theme references for the individual NuGet packages. Could you please confirm whether you used the following NuGet packages on your end: Syncfusion.Blazor.Grids and Syncfusion.Blazor.Themes?
  • To analyze the reported issue, could you please share a simple and reproducible sample that demonstrates the problem? This will assist us in identifying the issue more efficiently and providing a resolution.
  • Or kindly share your attempt to replicate the issue using the attached simple sample.

Above-requested details will be very helpful in validating the reported query at our end and providing a solution as early as possible. Thanks for your understanding.


Sample:
https://www.syncfusion.com/downloads/support/directtrac/general/ze/DataGridWithDetailTemplate

Additionally, the issue might occur if @rendermode InteractiveServer is not enabled in the Razor page where the grid is defined, especially when the interactivity location is set to 'Per Page/Component' during project creation. It seems you are experiencing an issue with your .NET 9 project. If so, please try the suggested changes below. Add the RenderMode.InteractiveServer option to your Razor pages to resolve the problem.


@page”/Grid”

@using Syncfusion.Blazor.Grids

@rendermode InteractiveServer

 

 


For more detailed insights, please visit the following blog and documentation.

Bloghttps://www.syncfusion.com/blogs/post/blazor-ui-support-dotnet-8.aspx
UG:
https://blazor.syncfusion.com/documentation/datagrid/getting-started-with-web-app

Documentationhttps://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-8.0|


Regards,
Prathap Senthil



RL RLU August 27, 2025 01:36 AM UTC

yes, that was the issue. thank you!

@rendermode InteractiveServer


SK Sanjay Kumar Suresh Syncfusion Team August 27, 2025 03:25 AM UTC

Hi RLU,


We are happy to hear that the provided solution was helpful. Please get back to us if you need any other assistance.


Regards,

Sanjay Kumar Suresh


Loader.
Up arrow icon