JQuery 数据表警告

Question

我在我的 MVC ASP.Net 应用程序中使用 jquery 数据表，并在应用程序运行时收到警告警告。警报是“警告：Scroller 需要 DataTables 1.10.0 或更高版本”。我已经验证我的 DataTables 版本是 1.10.10，并且 DataTables 运行良好，除了一些问题。

我对 DataTables 的问题是当使用它的页面最初加载时，应该显示的行数与显示的行数不匹配。所有行都显示在页面加载中。一旦我与桌子互动，一切就都解决了。

我正在我的 BundleConfig.cs 文件中加载 javascript 和 css。

我的一个观点如下：

@model IEnumerable<Q5.ViewModels.ProjectVM>

@{
    ViewBag.Title = "Projects";
}

<h2>Projects/Deals</h2>

<p>
    @Html.ActionLink("Create New", "Create")
</p>
<table class="table table-striped table-hover display" id="projects" cellspacing="0">
    <thead>
        <tr>
            <th>
                @Html.DisplayNameFor(model => model.Name)
            </th>
            <th>
                @Html.DisplayName("Last Updated")
            </th>
            <th>
                @Html.DisplayName("Sales Person")
            </th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr>
                <td>
                    @Html.ActionLink(item.Name, "ProjectProfile", new { id = item.Id })
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.LastUpdated)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.AssignedToUserName)
                </td>
            </tr>
        }
    </tbody>
</table>

<script>
    $(document).ready(function () {
        $('#projects').DataTable();
    })
</script>

Answer 1

您可以在加载后刷新表格：

$('#example').dataTable( {
  "initComplete": function(settings, json) {
     alert( 'DataTables has loaded.' );
     $('#example').dataTable().ajax.reload( null, false );
   }
} );

这可能不是 100% 的语法，只是即兴打字。我似乎记得必须为一个项目做这个，但细节让我无法理解。我一直不明白为什么会这样，所以我在上面贴了这个创可贴。