Horizontal scrolling of Kendo Grid Column header is not working as expected.
I have 10 columns in my Grid. I have used the
Columns.Bound(columns => columns.ID).Width(/*this is variable */)
for every column. So the horizontal scroll appears now. But when I scroll to either Left or Right , the Column header section remains static i.e. does not move with the scroll. The following is what I tried :
<link href="../../../../Content/kendo/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="../../../../Content/kendo/kendo.default.min.css" rel="stylesheet" type="text/css" />
<script src="../../../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="../../../../Scripts/kendo/kendo.all.min.js" type="text/javascript"></script>
//// Also used this--- <script src="../../../../Scripts/kendo/2014.1.415/kendo.aspnetmvc.min.js" type="text/javascript"></script>
@(Html.Kendo().Grid((IEnumerable<TelerikMvcApp.Areas.UIConfig.Models.GenericUIClass>)ViewBag.GridData)
.Name("grid")
.Columns(columns =>
{
foreach (string value in ViewBag.GridData)
{
columns.Bound(genericUI => genericUI.column).Width(500).Title(value);
}
})
.Scrollable(s => s.Enabled(true)
)
The problem is similar to the thread below:
http://www.telerik.com/forums/horizontal-scroll-bar-in-grid-but-not-working-for-header-
I also tried what is suggested:
http://docs.kendoui.com/getting-started/javascript-dependencies
But still the problem persists. Thank You.
I have 10 columns in my Grid. I have used the
Columns.Bound(columns => columns.ID).Width(/*this is variable */)
for every column. So the horizontal scroll appears now. But when I scroll to either Left or Right , the Column header section remains static i.e. does not move with the scroll. The following is what I tried :
<link href="../../../../Content/kendo/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="../../../../Content/kendo/kendo.default.min.css" rel="stylesheet" type="text/css" />
<script src="../../../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="../../../../Scripts/kendo/kendo.all.min.js" type="text/javascript"></script>
//// Also used this--- <script src="../../../../Scripts/kendo/2014.1.415/kendo.aspnetmvc.min.js" type="text/javascript"></script>
@(Html.Kendo().Grid((IEnumerable<TelerikMvcApp.Areas.UIConfig.Models.GenericUIClass>)ViewBag.GridData)
.Name("grid")
.Columns(columns =>
{
foreach (string value in ViewBag.GridData)
{
columns.Bound(genericUI => genericUI.column).Width(500).Title(value);
}
})
.Scrollable(s => s.Enabled(true)
)
The problem is similar to the thread below:
http://www.telerik.com/forums/horizontal-scroll-bar-in-grid-but-not-working-for-header-
I also tried what is suggested:
http://docs.kendoui.com/getting-started/javascript-dependencies
But still the problem persists. Thank You.