无法显示

Can't get footable to display

我是 ASP 和 MVC 的新手,所以我正在学习。我正在尝试在我的 ASP.NET MVC 5 测试项目中实现 footable(我最终想使用分页和排序功能,但一次一个步骤)。

我已将 .js 文件和 .css 文件添加到项目中,并将它们包含在 BundleConfig.cs 文件中(见下文)。我不确定这是否是我需要做的所有事情才能在我的项目中使用它们。

        bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                  "~/Scripts/bootstrap.js",
                  "~/Scripts/respond.js",
                  "~/Scripts/footable.min.js",
                  "~/Scripts/footable.js"));

        bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/site.css",
                  "~/Content/footable.bootstrap.min.css",
                  "~/Content/footable.bootstrap.css"));

我正在从 MySQL 数据库中检索数据并将其传递到我的视图,但我只是得到一个标准 html table,我做错了什么?

查看代码如下:-

@model IEnumerable<MVC5Footable.Models.radacct>

@{
    ViewBag.Title = "Index";
}

<table class="footable">
    <thead>
        <tr>
            <th>@Html.DisplayNameFor(model => model.username)</th>
            <th>@Html.DisplayNameFor(model => model.framedipaddress)</th>
        </tr>
    </thead>

    <tbody>
        @foreach (var item in Model)
        {
            <tr>
                <td>@Html.DisplayFor(modelItem => item.username)</td>
                <td>@Html.DisplayFor(modelItem => item.framedipaddress)</td>
            </tr>
        }
    </tbody>
</table>


<!-- Initialize FooTable -->
<script>
    jQuery(function ($) {
        $('footable').footable();
    });
</script>

希望有人能提供帮助。谢谢

有点晚了,但请注意:您忘记包含 dot

$('.footable').footable();