Как добавить данные в индекс MVC. Я использовал датированный, и он все еще не показывал.

Мой индекс использует foreach и объединяет таблицы базы данных, поэтому я не знаю, как установить таблицы данных и разбиение на страницы.

Следует ли изменить исходный код таблицы или добавить другие коды в контроллер. Как мне это изменить.

Или я могу использовать другие типы, чтобы страница выглядела как датированная?

      public ActionResult Index(int? id)
            {
               
                var staffName = User.Identity.Name;
                var staffId = db.Staffs.Where(a => a.UserName == staffName).FirstOrDefault();
                var today = DateTime.Now.Date;
                var staffposition = db.StaffPositions.Where(s => s.StaffId == staffId.Id && (s.EndDate == null || s.EndDate >= today))
                    .OrderByDescending(s => s.EndDate)
                    .FirstOrDefault();
                var dept = db.Departments.Find(db.Jobpositions.Find(staffposition.JobpoistionId).DepartmentId);
                var job = db.Jobpositions.Where(a => a.DepartmentId == dept.Id && a.Id ==staffposition.Jobposition.Id).FirstOrDefault();
                ReimbursementViewModel mv = new ReimbursementViewModel();
                
                mv.StaffId = staffId.Id; 
                mv.StaffName = staffId.Fname + "" + staffId.Lname;
                mv.DepartmentName = dept.DepartName;
                mv.JobPositionName = job.JobName;
                
                var lstReimbursment = db.Reimbursements.Where(a => a.StaffId == staffId.Id).ToList();
               
                foreach (var item in lstReimbursment)
                {
                    ReimbursementsmStatus vb = new ReimbursementsmStatus();
                    vb.ReimbursementId = item.Id;
                    vb.ReimbursementDate = item.Date;
                    var lstrRequestApproval = db.RequestForApprovals.Where(a => a.ReimbursementID == item.Id).ToList();
                   foreach(var re in lstrRequestApproval)
                    {
                        StatusApproval nr = new StatusApproval();
                        if (db.ApprovalStatus.Any(s=>s.Id==re.Id))
                        {
                            nr.ApprovalId = re.Id;
                            nr.ApprovalStaffId = re.RequestToStaffId;
                            nr.ApprovalStatus = (int)db.ApprovalStatus.Find(re.Id).Status;

                            var StaffId = re.RequestToStaffId;
                           nr.JobName=StaffJobname(StaffId);
                        }
                        vb.GetReimbursementsStatus.Add(nr);
                       
                       
                    }


                    mv.GetReimbursements.Add(vb);
                
                }
               
                ViewBag.Reimid = id;
                ViewBag.Tid = id;
            

                return View(mv);
            }
    @model Reimbursements.Models.ReimbursementViewModel
    @*@model Reimbursements.Models.RequestStatus*@
    <style>
        .circleg {
            height: 15px;
            width: 15px;
            background-color: #04FA2D;
            border-radius: 50%;
            display: inline-block;
           
           
        }

        .circler {
            height: 15px;
            width: 15px;
            background-color: #FA3304;
            border-radius: 50%;
            display: inline-block;
           
        }

    </style>
    <div class=" panel panel-primary">
        <div class="panel-heading">
            <h4>Staff Name:@Model.StaffName</h4>
        </div>
        <div class="panel-body">
            <table class="table table-dark">
                <tr>
                    <td><h4>Job Position: @Model.JobPositionName</h4></td>

                    <td><h4>Department: @Model.DepartmentName</h4></td>
                </tr>

            </table>
            @Html.ActionLink("Create Application", "Create", null, new { @class = "btn btn-info" })
            @Html.ActionLink("Reject List", "RejectList", null, new { @class = "btn btn-primary" })

            @if (User.IsInRole("Admin") || User.IsInRole("Manager"))
            {
                @Html.ActionLink("For Approval", "Index", "RequestForApprovals", null, new { @class = "btn btn-warning" })
            }
        </div>
    </div>
    <table class="table" id="custtable">
            <tr>
                <th> </th>
                <th>Date</th>
                <th></th>

            </tr>
        
            @foreach (var item in Model.GetReimbursements)
            {

                <tr>
                    <td>
                        <a href="~/Reimbursements/GetOtherDetails/@item.ReimbursementId">@item.ReimbursementId</a>
                        
                    </td>
                    <td >
                        @item.ReimbursementDate
                    </td>

                    @foreach (var i in item.GetReimbursementsStatus)
                    {

                        if (@i.ApprovalStatus == 1)
                        {

                            <td id="status"><span class="circleg"></span></td>


                        }
                        else if (@i.ApprovalStatus == 2)
                        {
                            <td id="status"><span class="circler"></span></td>
                        }

                    }

                    @if (User.IsInRole("Admin"))
                    {
                        <td>
                            @Html.ActionLink("Edit", "Edit", new { id = item.ReimbursementId }) |
                            @Html.ActionLink("Details", "Details", new { id = item.ReimbursementId }) |

                            @Html.ActionLink("Delete", "Delete", new { id = item.ReimbursementId })
                        </td>
                    }
                </tr>

            }
    </table>
    @section scripts{
        <script src="~/Scripts/jquery-3.3.1.min.js"></script>
        <script src="~/Scripts/DataTables/jquery.dataTables.min.js"></script>

        <script src="~/Scripts/DataTables/dataTables.bootstrap.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $("#custtable").click(function (){

               
                var table = $("#custtable").DataTable({
                   
     })
                })
        </script>
    }
0
DongX