Detail Grid ToolBar ClientTemplate cannot have multiple rows

[PreslavKozovski]

Bug report

ASP.NET Core Detail Grid ToolBar ClientTemplate cannot have multiple rows.

Reproduction of the problem

1. Go to - https://demos.telerik.com/aspnet-core/grid/detailtemplate
2. Add this line to the child grid -

   .ToolBar(tb => tb.ClientTemplate("#=nestedTemplateFunction(data)#"))
   

3. Add this code

   <script id="nestedTemplateId" type="text/kendo-tmpl">
       <p>
       </p>
   </script>
   <script>
       function nestedTemplateFunction(el) {
           var template = kendo.template($("#nestedTemplateId").html());
           var result = template(el);
           return result.trim();
       }
   </script>
   

Current behavior

There is an error, and the Grid is not displayed.

Expected/desired behavior

The Grid is displayed.

Environment

• Kendo UI version: 2024.1.130
• Browser: [all]

[gyankov]

Not related to wrappers. Reproduceable in a jquery grid:

• https://dojo.telerik.com/UGaSElId

[gdenchevprog]

In the jQuery Demo, the Grid is initialized in a different manner:

https://demos.telerik.com/kendo-ui/grid/detailtemplate

Using that approach, the Grid seems to be working fine:

https://dojo.telerik.com/pxrZAzsO

If the toolbar template is provided like that:

template: nestedTemplateFunction

instead of

template: "#=nestedTemplateFunction(data)#"

Then the above Dojo is also working:

https://dojo.telerik.com/UHZjgglI

I believe this is more of a serialization problem.