为什么在dataTable中的信息是从数据库中读取的，但是在dataTable中却没有显示出来

Question

dataTable的信息是从数据库中读取出来的，但是在dataTable中没有显示出来 我用inspect查看了信息，但是table根本就没有显示 怎么回事？ 代码如下

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>

}

Answer 1

尝试将这些放入布局页面的标题部分。

<script src="~/AdminTheme/assets/datatables/jquery.dataTables.min.js"></script>
<script src="~/AdminTheme/assets/datatables/dataTables.bootstrap.js"></script>