Horizontal scroll bar in grid but not working for header.

2 posts, 0 answers
  1. jawed
    jawed avatar
    14 posts
    Member since:
    Nov 2011

    Posted 26 Apr 2013 Link to this post

    I am using the kendo mvc grid .I want implement the scroll bar  but data part is scrolling properly but hearer of grid is not scrolling with data.

    @(Html.Kendo().Grid(Model) 
        .Name("gridSyndromic")
        .Columns(columns =>
        {
            columns.Bound(p => p.Syndromes.Name).Title("Syndromes").Width(210);
            columns.Bound(p => p.Symptoms3).Title("No of Clients With").Width(210)
                  
            
            columns.Command(command => { command.Edit(); command.Destroy(); }).Width(172);
        })
                               .ToolBar(toolbar =>
                               {
                                   toolbar.Create();

                               })
        .Editable(editable => editable.Mode(GridEditMode.InLine))
        .Pageable()
        .Sortable()
        .Scrollable()
        .Resizable(p=>p.Columns(true))
        .HtmlAttributes(new { style = "height:506px;width:400px;" })
        .DataSource(d => d.Server().PageSize(10).Create(update => update.Action("EditingInline_Create", "Syndromic"))
                            .Read(read => read.Action("Index", "Syndromic"))
                            .Update(update => update.Action("EditingInline_Update", "Syndromic")).Destroy(update => update.Action("EditingInline_Destroy", "Syndromic"))
                            .Model(model => model.Id(p => p.SymptomsId)))
         


    Thanks
  2. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 29 Apr 2013 Link to this post

    Hello Jawed,

    The observed problem may occur if there is a Javascript error on the page. Please check. Also make sure that all required Javascript files are registered on the page and the jQuery version is compatible with the Kendo UI version.

    http://docs.kendoui.com/getting-started/javascript-dependencies

    Regards,
    Dimo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. UI for ASP.NET MVC is VS 2017 Ready
Back to Top