哪些文件需要的数据表工作的html页面>

Which files are needed for DataTables to work on an html page>

本文关键字：html 页面 工作 数据表 文件      更新时间：2023-09-26

我试图让数据表在页面上正确工作，使其看起来像这样。我没有得到数据表提供的任何排序，分页或行限制功能，我怀疑这是因为我缺少我需要的文件之一，或者以错误的顺序包含它们。

页面顶部的CSS:

<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/metisMenu.min.css" rel="stylesheet" />
<link href="~/Content/DataTables/css/dataTables.bootstrap.css" rel="stylesheet" />
<link href="~/Content/DataTables/css/dataTables.responsive.css" rel="stylesheet" />
<link href="~/Content/DataTables/css/jquery.dataTables.css" rel="stylesheet" />
<link href="~/Content/sb-admin-2.css" rel="stylesheet" />
<link href="~/Content/font-awesome.css" rel="stylesheet" />

JS在页面底部:

<script src="~/Scripts/jquery-2.1.4.min.js"></script>
<script src="~/Scripts/DataTables/jquery.dataTables.js"></script>
<script src="~/Scripts/DataTables/dataTables.bootstrap.js"></script>
<script src="~/Scripts/DataTables/dataTables.responsive.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<script src="~/Scripts/metisMenu.js"></script>
<script src="~/Scripts/sb-admin-2.js"></script>

有没有人能告诉我是否错过了什么，或者如果数据表javascript文件依赖于其他人我还没有包括?

(注意，我使用的是sb-admin-2模板风格的Bootstrap，但我没有直接使用模板文件，因此没有与模板相同的文件夹结构)

我似乎一直有这些假警报。正如我在G.L.P的评论中提到的，这就是问题所在:

路径都是正确的，但是我在加载任何脚本之前调用了$('#table').dataTable();，所以显然它没有效果。这是我第一次使用布局文件(MVC 4)，并没有意识到它正在执行之前，脚本被加载在页面的末尾。

为了解决这个问题，我将包括脚本到布局页面的顶部。我知道建议将脚本放在页面底部，但此时我想不出其他解决方法

相关文章：