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
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.
Blog: https://www.syncfusion.com/blogs/post/blazor-ui-support-dotnet-8.aspx
UG: https://blazor.syncfusion.com/documentation/datagrid/getting-started-with-web-app
Documentation: https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-8.0|
Regards,
Prathap Senthil
yes, that was the issue. thank you!
@rendermode InteractiveServer
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
- 3 Replies
- 3 Participants
-
RL RLU
- Aug 18, 2025 02:39 PM UTC
- Aug 27, 2025 03:25 AM UTC