Hi Georgi .. Thanks for your reply. I have modified the code to below and now have a new problem. When I run it in chrome (haven't tried on other browsers), the grid loads condensed (attaching screenshot "before.jpg" and when I refresh the browser or maximize/minimize it or click on "inspect element", the grid is shown properly as shown in screenshot "after.jpg"). What can be done here to show the grid correctly in first go itself?
@(Html.Kendo().Grid<
BCM.CurriculumSchedule.Web.Models.StatusReports.StudentProfileHistory
>()
.Name("List")
.Columns(columns =>
{
columns.Bound(u => u.DueDate).Locked(true).Lockable(false).Title("Due Date").Width(150);
columns.Bound(u => u.ReceivedDate).Locked(true).Title("Received Date").Width(150);
columns.Bound(u => u.TwoMonthNoticeSent).Title("60 Day Notice Sent").Width(200);
columns.Bound(u => u.OneMonthNoticeSent).Title("30 Day Notice Sent").Width(200);
columns.Bound(u => u.StudentEmailAddress).Title("Student Email").Width(200);
columns.Bound(u => u.GSYear).Title("GS Year").Width(125);
columns.Bound(u => u.OnLOA).Title("On LOA").Width(125);
columns.Bound(u => u.Program).Title("Program").Width(200);
columns.Bound(u => u.TimeLineSubmitted).Title("Timeline Submitted").Width(200);
columns.Bound(u => u.AdHocMemberPresent).Title("EO Present?").Width(200);
columns.Bound(u => u.AdHocMemberReport).Title("EO Report Received").Width(200);
columns.Bound(u => u.PermissionToWriteGiven).Title("Permission Given?").Width(200);
columns.Bound(u => u.PermissionToWriteDate).Title("Date Permission Given").Width(200);
columns.Bound(u => u.SevenYrExtensionGranted).Title("7Yr Ext Granted?").Width(200);
columns.Bound(u => u.SevenYrEffectiveDate).Title("7Yr Ext Effective Date").Width(200);
columns.Bound(u => u.DefenseDate).Title("Defense Date").Width(150);
columns.Bound(u => u.ExtensionGranted).Title("Dean Ext Granted?").Width(200);
columns.Bound(u => u.ExtensionDateGranted).Title("Ext Granted Date").Width(200);
columns.Bound(u => u.MentorName).Title("Mentor Name").Width(200);
columns.Bound(u => u.MentorEmail).Title("Mentor Email").Width(200);
columns.Bound(u => u.MentorNotificationSentDate).Title("Mentor Notification Sent").Width(200);
columns.Bound(u => u.ProgramAdminEmail).Title("Program Admin Email").Width(200);
columns.Bound(u => u.PANotificationSentDate).Lockable(false).Title("Program Admin Notification Sent").Width(220);
})
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(10)
.Read(read => read.Action("StudentProfileHistoryData", "StatusReports", new { id = Model.StudentId }))
)
.Scrollable(scrollable => scrollable.Enabled(true).Height(380))
.Reorderable(reorderable => reorderable.Columns(true))
.Resizable(resizable => resizable.Columns(true))
.Pageable(pageable => pageable
.Refresh(true)
.PageSizes(true)
.ButtonCount(5)
)
)