Question

我正在尝试使用jquery数据表以更易读的方式格式化我的数据，但是当我尝试按照datatables.net页面中的描述使用它时，它实际上从未在数据表格式中显示数据。（在这种情况下，我将该页面上声明的链接添加到我希望拥有数据表的视图中，我知道我需要以不同的方式设置它以便在应用程序范围内使用它，但是现在我是只是想尝试使用它）代码在下面，我在这里犯了什么错误：

@model APTII_MVC.ViewModel.AssignViewModel

<link href="//cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet" />    
<script src="//cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>  

<script type="text/javascript">
    $(document).ready(function () {
        $('#table_id').dataTable();
    });
</script>

@{
    ViewBag.Title = "AssignList";
}

<h2>AssignList</h2>

<table id="table_id" 

class="table table-condensed table-striped table-hover">
    <thead>
        <tr>
            <th>
                Project ID
            </th>
            <th>
                Employer ID
            </th>
            <th>
                Employer Name
            </th>
            <th>
                Client Type
            </th>
            <th>
                Service Start Date
            </th>
            <th>
                Project Type
            </th>
        </tr>
    </thead>

    <tbody>
        @foreach (var item in Model.ProjectsLists )
        {
            <tr>
                <td>
                    @Html.DisplayFor(model => item.Project_ID)
                </td>
                <td>
                    @Html.DisplayFor(model => item.Employer_ID)
                </td>
                <td>
                    @Html.DisplayFor(model => item.EmployerRef)
                </td>
                <td>
                    @Html.DisplayFor(model => item.APT_ClientTypes.Description)
                </td>
                <td>
                    @Html.DisplayFor(model => item.ServiceStartDate)
                </td>
                <td>
                    @Html.DisplayFor(model => item.APT_ProjectTypes.Description)
                </td>
            </tr>
        }
    </tbody>
</table>

Jquery DataTable无法显示

0 个答案: