Why is my DataTable headers not sorting and the fields not filtering?

CloudyKoper

Reports
First Name
Last Name
Grade
Attendance Code
Class Day




Reports
First Name
Last Name
Grade
Attendance Code
Class Day




@foreach (var item in Model.Enrollments)
{

@Html.HiddenFor(modelItem => item.EnrollmentID)
@Html.HiddenFor(modelItem => item.Assignment)<!--navigational-->

@Html.HiddenFor(modelItem => item.Course.Title)
@Html.HiddenFor(modelItem => item.CourseID)
@Html.HiddenFor(modelItem => item.Date)
@Html.HiddenFor(modelItem => item.dayOfWeek)

@Html.HiddenFor(modelItem => item.Instructor)
@Html.HiddenFor(modelItem => item.StudentID)
@Html.HiddenFor(modelItem => item.Student.Address)
@Html.HiddenFor(modelItem => item.Student.CourseID)
@Html.HiddenFor(modelItem => item.Student.Courses)<!--Navigational-->
@Html.HiddenFor(modelItem => item.Student.EnrollmentDate)
@Html.HiddenFor(modelItem => item.Student.Enrollments)<!--Navigational-->
@Html.HiddenFor(modelItem => item.Student.FullName)
@Html.HiddenFor(modelItem => item.Student.InstructorID)
@Html.HiddenFor(modelItem => item.Student.Instructors) <!--Navigational-->
@Html.HiddenFor(modelItem => item.Student.StudentID)





@Html.ActionLink("Report", "PrintCustomers", "PdfRender", new { sName = item.Student.FirstMidName, courseTitle = item.Course.Title, sNumber = item.Student.StudentNum, instructorName = HttpContext.Current.Session["teacherName"] }, null)






@Html.EditorFor(modelItem => item.Student.FirstMidName)



@Html.EditorFor(modelItem => item.Student.LastName)






@Html.TextBoxFor(modelItem => item.Grade, new { Value = "0" })
@Html.ValidationMessageFor(model => model.Enrollments.FirstOrDefault().Grade)




@Html.TextBoxFor(modelItem => item.attendanceCode, new { Value = "1" })
@Html.ValidationMessageFor(model => model.Enrollments.FirstOrDefault().attendanceCode)






@Html.EditorFor(modelItem => item.classDays)





}






}