@(Html.Kendo().Grid<trans.getTransaction>()
                                       .Name("TransactionsGrid")
                                       .Columns(columns =>
                                       {
                                           columns.Template(@<text></text>)
                                                   .HeaderTemplate(@<text><input id="chkExpandAllRows" type="checkbox" title="Expand All Rows" onclick="expandAllRows()" /></text>).Width(30);
                                             columns.Bound(p => p.Name).Title("Name").ClientTemplate("#=Name#").Width(100);
                                             columns.Bound(p => p.Description).Title("Description").ClientTemplate("#=Description#").Width(200);
                                             columns.Bound(p => p.Notes).Title("Notes").ClientTemplate("#=Notes#").Width(200);
                                             columns.Bound(p => p.Type).Hidden();
                                         })
                                         .ClientDetailTemplateId("CommentdetailTemplate")
                                         .Pageable(pageable => pageable.Refresh(true))
                                         .Scrollable(s => s.Height("auto"))
                                         .Sortable()
                                         .DataSource(dataSource => dataSource
                                                  .Ajax()
                                                  .PageSize(12)
                                                  .ServerOperation(true)
                                                  .Read(read => read.Action("AjaxFetchTransactions", "trans", new { area = "service" }))
                                         )
        )

<script type="text/x-kendo-template" id="CommentdetailTemplate">
        @(Html.Kendo().Grid<trans.getTransactioncomment>()
                    .Name("TransactionComment")
                    .Columns(columns =>
                    {
                        columns.Bound(o => o.DATE).Title("Date").Width(100).Filterable(false);
                        columns.Bound(o => o.Comment).Title("Comment").Width(400).Filterable(false);
                        columns.Bound(o => o.STATUS).Title("Status").Width(100).Filterable(false);
                    })
                        .DataSource(dataSource => dataSource
                            .Ajax()
                                            .Read(read => read.Action("AjaxGetTransactionComments", "trans", new { ID = "#=id#", type = "#=type#", area = "Services" }))
                        )
                        .Pageable()
                        .Sortable()
                        .Selectable()
                        .ToClientTemplate()
        )
    </script>