This question is locked. New answers and comments are not allowed.
I have determined that when I have scrolling enabled, after an Ajax post one of my columns is lost and the cell formatting is also wrong.
(see the before and after pics)
I have double checked my model and this only occurs when the scrolling is enabled. Any ideas?
@{
Html.Telerik().Grid(Model)
.Name(
"DashboardGrid"
)
.Columns(columns =>
{
columns.Bound(o => o.ComputerId).Format(
"<input class=\"checkedRecords\" name=\"checkedRecords\" type=\"checkbox\" value=\"{0}\" />"
)
.Encoded(
false
)
.Width(40)
.Title(
"<input id='mastercheckbox' type='checkbox' />"
)
.HtmlAttributes(
new
{ style =
"text-align:center"
})
.HeaderHtmlAttributes(
new
{ style =
"text-align:center"
, title =
"Click to check or uncheck all visible rows"
})
.Sortable(
false
)
.Filterable(
false
);
columns.Bound(o => o.Selected).Hidden(
true
);
columns.Bound(o => o.ComputerName).Filterable(
false
).Width(120);
columns.Bound(o => o.Status).Width(70);
columns.Bound(o => o.AssignedTo).HeaderHtmlAttributes(
new
{ style =
"text-align:center"
}).Width(150);
columns.Bound(o => o.ProblemTicketNumber).HeaderHtmlAttributes(
new
{ style =
"text-align:center"
}).Width(110);
columns.Bound(o => o.CreateDate).HeaderHtmlAttributes(
new
{ style =
"text-align:center"
}).Format(
"{0:MM/dd/yy hh:mm tt}"
).HtmlAttributes(
new
{ style =
"text-align:center"
}).Width(140);
columns.Bound(o => o.Problem).HeaderHtmlAttributes(
new
{ style =
"text-align:center"
}).HtmlAttributes(
new
{ style =
"text-overflow:ellipsis;overflow:hidden;white-space:nowrap"
}).Width(110);
columns.Bound(o => o.Resolution).HeaderHtmlAttributes(
new
{ style =
"text-align:center"
}).HtmlAttributes(
new
{ style =
"text-align:center;color:#789F2C;font-weight:bold"
}).Width(110);
columns.Bound(o => o.ComputerId).Format(Html.ActionLink(
"Edit"
,
"Edit"
,
new
{ Id =
"{0}"
}).ToString())
.Encoded(
false
)
.Title(
"Edit"
)
.Width(75)
.HtmlAttributes(
new
{ style =
"text-align:center"
})
.Sortable(
false
)
.Filterable(
false
)
.HeaderHtmlAttributes(
new
{ style =
"text-align:center"
});
})
.Scrollable(scrolling => scrolling.Enabled(
true
).Height(
"700px"
))
.Resizable(resizing => resizing.Columns(
true
))
.Sortable(sorting => sorting.SortMode(GridSortMode.SingleColumn))
.Pageable(page => page.PageSize(1000))
.DataBinding(dataBinding => dataBinding.Ajax().Select(
"_AjaxFilterBinding"
,
"Dashboard"
))
.ClientEvents(events => events.OnDataBinding(
"onDataBinding"
).OnRowDataBound(
"onRowDataBound"
))
.Filterable()
.Render();
}