Question

我下载了数据表here并使用nuget进行了安装。现在，我使用this教程来实现我的数据表。

我尝试将其添加到我的捆绑包中，进行拖放，在视图中手动插入，但仍然无法正常工作。

表

<table class="table table-responsive table-hover" id="asd">
    <thead>
        <tr>
            <th>
                @Html.DisplayName("Remarks")
            </th>
            <th>
                @Html.DisplayName("Payer Name")
            </th>
            <th>
                @Html.DisplayName("Payer Address")
            </th>
            <th>
                @Html.DisplayName("Motor No")
            </th>
            <th>
                @Html.DisplayName("Chassis No")
            </th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr>
                <td>
                    @Html.DisplayFor(modelItem => item.remarks)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.payername)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.payeraddress)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.motor_no)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.chassis_no)
                </td>
            </tr>
        }
    </tbody>
</table>

脚本

@section Scripts{
    <script>

        $(document).ready(function () {

            $("#asd").DataTable();
        })

    </script>
}

布局页面

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>

    <link href="~/Content/DataTables/css/jquery.dataTables.css" rel="stylesheet" />
    <script src="~/Scripts/DataTables/jquery.dataTables.js"></script>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")

</head>

谢谢。

MVC Jquery数据表不起作用

0 个答案: