The column headers are not horizontally scrolling with the data and I need to fix it so it does. This is what I have to capture data from a .NET data table:
@if (Model != null)
{
@(Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns =>
{
foreach (System.Data.DataColumn column in Model.Columns)
{
var c = columns.Bound(column.ColumnName);
if(column.ColumnName.Equals("Quarter"))
{
c.Width(100);
}
else
{
c.Width(100);
}
}
})
.Pageable()
.Sortable()
.Filterable()
.Scrollable()
//.Groupable()
.DataSource(dataSource => dataSource
.Ajax()
.Model(model =>
{
//var id = Model.PrimaryKey[0].ColumnName;
foreach (System.Data.DataColumn column in Model.Columns)
{
var field = model.Field(column.ColumnName, column.DataType);
field.Editable(false);
}
})
//.Read(read => read.Action("Read", "QuickQuery"))
)
)
Thank you for the provided code snippet.
Would you please share a screenshot that illustrates the behavior you are experiencing to better understand the issue at your end? Also, if any CSS styles are applied to the grid please share them as well.
In addition, if you would like to configure the grid with a horizontal scrollbar check out the forum thread below:
https://www.telerik.com/forums/how-to-configured-scroll-bar-only-horizontally-for-kendo-ui-treelist