La información de la tabla de datos se lee de la base de datos, pero no se muestra en la tabla de datos. Utilizo inspeccionar para ver la información, pero la tabla no se muestra en absoluto. ¿Qué sucede? El código es el siguiente
public PartialViewResult OnGetViewAllPartial() { lstLevel = _CourseLevelApplication.GetCourseLevelForDisplay(); return new PartialViewResult { ViewName = "_ViewAll", ViewData = new ViewDataDictionary<IEnumerable<CoursLevelViewModel>>(ViewData, lstLevel) }; } <table id="datatable" class="table table-striped table-bordered" > <thead> <tr> <th>#</th> <th>title</th> <th>action</th> </tr> </thead> <tbody> @foreach (var item in Model) { <tr> <td>@item.Id</td> <td>@item.Title</td> <td> <a onclick="jQueryModalGet('?handler=CreateOrEdit&id=@item.Id','Edit level')" class="btn btn-info text-white"> Edit</a> <form method="post" asp-page="Index" asp-route-id="@item.Id" asp-page-handler="Delete" onsubmit="return jQueryModalDelete(this)" class="d-inline"> <button type="submit" class="btn btn-danger text-white"> Delete</button> </form> </td> </tr> } </tbody> </table> @section Scripts { <script src="~/AdminTheme/assets/datatables/jquery.dataTables.min.js"></script> <script src="~/AdminTheme/assets/datatables/dataTables.bootstrap.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#datatable').dataTable(); }); </script>}
Intente ponerlos en la sección principal de la página de diseño.
<script src="~/AdminTheme/assets/datatables/jquery.dataTables.min.js"></script> <script src="~/AdminTheme/assets/datatables/dataTables.bootstrap.js"></script>