Question

我是MVC应用程序开发的新手。我试图使用数据表向EF表添加功能。我创建了我的表，可以很好地访问它（没有任何功能）。我按照https://datatables.net/examples/basic_init/上的说明进行操作。总结这里我做了什么：

我将以下几行添加到_Layout.cshtml的<head>部分

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="https://cdn.datatables.net/1.10.11/js/dataTables.bootstrap.js"></script>
<script src="https://cdn.datatables.net/1.10.11/js/jquery.dataTables.js"></script>
<script type="text/css" src="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.css"></script>

然后我在MVC控制器生成的Index视图上为表分配了一个ID：
```
<table id="tblServer"class="table">
```
最后，我在_Layout.cshtml的标签末尾添加了以下代码块
```
<script>
  $('#tblServer').dataTable();
</script>   
```

我禁用了对JQuery的所有其他引用，因此它们未被多次加载。我评论了以下部分：

@*  @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")*@

 @* @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)*@

我能够看到桌子，但没有样式可用。没有过滤，搜索功能也可用。请帮忙。

在此处查看截图 See screenshot here

Answer 1

您需要包含已注释掉的JQuery库。 JQuery库也应该在JQuery.Datatable.js文件之前加载。 Jquery是jquery.datatable.js文件的依赖项。

所以你可能想要按照确切的顺序做一些事情：

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: false)

<script src="https://cdn.datatables.net/1.10.11/js/dataTables.bootstrap.js"></script>
<script src="https://cdn.datatables.net/1.10.11/js/jquery.dataTables.js"></script>
<script type="text/css" src="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.css"></script>

MVC DataTable问题无法显示

1 个答案: