Good day,
I'm using Server hierarchy Grid which containes a sub grid in DetailTemplate.
But there's no expend icon in the grid which data was loaded successfully. In page HTML codes, there's <td class="k-hierarchy-cell"> but style.display = 'none'
Please help to check.
Code and screenshot as below:
@{ Html.Kendo().Grid(Model)
.Name("grid")
.Columns(columns =>
{
columns.Bound(e => e.BookingNumber).Width(200);
columns.Bound(e => e.QuotationId).Width(120).Title("QT#");
columns.Bound(e => e.ProformaETD).Width(120);
columns.Bound(e => e.BLShipper).Width(400);
columns.Bound(e => e.BLConsignee).Width(400);
columns.Bound(e => e.BLNotify1).Width(400);
columns.Bound(e => e.BLNotify2).Width(400);
columns.Bound(e => e.BLContractHolder).Width(400);
})
.DetailTemplate(item =>
{
Html.Kendo().Grid(item.Containers)
.Name("Ctn_" + item.BookingId)
.Columns(columns =>
{
columns.Bound(o => o.ContainerNumber).Width(150);
columns.Bound(o => o.ContainerType).Width(100);
columns.Bound(o => o.IsSOC);
})
.Pageable()
.Width(500)
.Render();
})
.Pageable()
.Scrollable()
.DataSource(dataSource => dataSource.Server().PageSize(20))
.Sortable()
.Height(650)
.Render();
}
Hello,
Could you check which stylesheet sets the display: none style in the "Styles" tab of the browser's devtools? Also please specify which version of UI for ASP.NET MVC you're using, and post the section of the _Layout.cshtml where the Kendo CSS files are loaded. We would like to check whether they are loaded in the correct order.