Horizontal scroll bar in grid but not working for header.

[jawed]

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

[Dimo]

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