Below is my code:
@(Html.Telerik().Grid<ParentModel>().HtmlAttributes(new { style="width:900px" })
.Name("Data")
.Columns(columns =>
{
columns.Bound(e => e.PartNo).Width("5%")
.ClientTemplate("<input type='checkbox' name='checkedRecords' value='<#= PartNo #>' />")
.Title("")
.Width(50)
.HtmlAttributes(new { style = "text-align:center" });
columns.Bound(e => e.PartNo).Width("35%")
.HtmlAttributes(new { style = "text-align:left" }); ;
columns.Bound(e => e.Desc).Width("65%")
.HtmlAttributes(new { style = "text-align:left" }); ;
})
.ClientEvents(events => events.OnRowDataBound("part_onRowDataBound"))
.DetailView(details => details.ClientTemplate(
Html.Telerik().Grid<ChildModel>().HtmlAttributes(new { style = "width:600px" })
.Name("ChilParts_<#= PartNo #>")
.Columns(columns =>
{
columns.Bound(o => o.ChildPartNo).Width("25%");
columns.Bound(o => o.ChildDesc).Width("50%");
})
.ClientEvents(events => events.OnRowDataBound("child_onRowDataBound"))
.DataBinding(dataBinding => dataBinding.Ajax()
.Select("GetChild", "Home", new { PartNum = "<#= PartNo #>" }))
.Pageable()
.Sortable()
.Filterable()
.ToHtmlString()
))
.DataBinding(dataBinding => dataBinding.Ajax().Select("List1", "Home", new { PartNum = "<#= PartNo #>" }))
.Pageable(paging => paging.PageSize(5))
.Scrollable(scrolling => scrolling.Height(580))
.Resizable(resizing => resizing.Columns(false))
.Sortable()
.Groupable()
)
I have attached the print screen of my grid. How can I align the red circle with the column header? Thanks!