在 ASP.net MVC 中正确捆绑数据表

Question

我有运行数据表的 nuget，我正在尝试将它们捆绑在一起，以便它在我的所有视图中都能正常工作。但是，它似乎无法正常工作。数据表功能正在发生，但数据表格式没有发生。我假设我没有正确捆绑 CSS，但我不确定。这是我在 BundleConfig 中的包：

        bundles.Add(new ScriptBundle("~/bundles/datatables").Include(
            "~/Scripts/DataTables/jquery.dataTables.js",
            "~/Scripts/DataTables/jquery.dataTables.min.js",
            "~/Scripts/DataTables/dataTables.bootstrap.js"));

        bundles.Add(new StyleBundle("~/Content/datatables").Include(
                  "~/Content/DataTables/css/dataTables.bootstrap.css"));

然后_布局：

    @Scripts.Render("~/bundles/datatables")
    @Styles.Render("~/content/datatables")

这是我尝试在其中显示的视图：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script >
$(document).ready(function () {
    var table = $('#SchedulesTable').DataTable();
});
</script>

我做错了什么？

Answer 1

我不认为当该目录实际存在时您可以将“~/Content/datatables”用作 CSS 包。看起来它已经存在，因为您要包含的内容是：“~/Content/DataTables/css/dataTables.bootstrap.css”。 content/datatables 是一个真实存在的目录。将捆绑包命名为其他名称，您应该没问题。

Answer 2

好的，这是两件事的结合。第一个是我没有在我应该拥有的包中包含一个 css 文件（文件 jquery.dataTables.css），而且最重要的是我使用了一个实际存在的目录。将附加文件添加到捆绑包并更改为不存在的目录修复它。

在 ASP.net MVC 中正确捆绑数据表

Proper bundling of DataTables in ASP.net MVC

asp.net-mvc

jquery

datatables

datatables-1.10