This is a migrated thread and some comments may be shown as answers.

Master/Detail column alignment

0 Answers 28 Views
Grid
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Lee
Top achievements
Rank 1
Lee asked on 15 Apr 2012, 06:18 PM
Hi,

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!

Tags
Grid
Asked by
Lee
Top achievements
Rank 1
Share this question
or