Hi .. I am trying to lock first 3 columns in my grid and have the rest scroll horizontally as I have too many columns to display on screen. Below are the code snippets I am using but the columns are not getting locked. Please help.
@(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");
columns.Bound(u => u.ReceivedDate).Locked(true).Title("Received Date");
columns.Bound(u => u.TwoMonthNoticeSent).Locked(true).Title("60 Day Notice Sent");
columns.Bound(u => u.OneMonthNoticeSent).Title("30 Day Notice Sent");
columns.Bound(u => u.StudentEmailAddress).Title("Student Email");
columns.Bound(u => u.GSYear).Title("GS Year");
columns.Bound(u => u.OnLOA).Title("On LOA");
columns.Bound(u => u.Program).Title("Program");
columns.Bound(u => u.TimeLineSubmitted).Title("Timeline Submitted");
columns.Bound(u => u.AdHocMemberPresent).Title("EO Present?");
columns.Bound(u => u.AdHocMemberReport).Title("EO Report Received");
columns.Bound(u => u.PermissionToWriteGiven).Title("Permission Given?");
columns.Bound(u => u.PermissionToWriteDate).Title("Date Permission Given");
columns.Bound(u => u.SevenYrExtensionGranted).Title("7Yr Ext Granted?");
columns.Bound(u => u.SevenYrEffectiveDate).Title("Effective Date");
columns.Bound(u => u.DefenseDate).Title("Defense Date");
columns.Bound(u => u.ExtensionGranted).Title("Dean Ext Granted?");
columns.Bound(u => u.ExtensionDateGranted).Title("Ext Date Granted");
columns.Bound(u => u.MentorName).Title("Mentor Name");
columns.Bound(u => u.MentorEmail).Title("Mentor Email");
columns.Bound(u => u.MentorNotificationSentDate).Title("Mentor Notification Sent On");
columns.Bound(u => u.ProgramAdminEmail).Title("Program Administrator Email");
columns.Bound(u => u.PANotificationSentDate).Lockable(false).Title("Program Administrator Notification Sent On");
})
.Pageable(pageable => pageable
.Refresh(true)
.PageSizes(true)
.ButtonCount(5))
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("StudentProfileHistoryData", "StatusReports", new { id = Model.StudentId }))
.PageSize(10)
)
)