table.row不是数据表中的函数

时间:2016-03-05 21:20:14

标签: javascript jquery asp.net-mvc twitter-bootstrap datatables

我正在使用jQuery DataTables 1.9.4。在尝试使用数据表模块时,我收到上述错误。通过SO,我看到很多人建议使用大写DataTable({})而不是小写dataTable({}),但仍然会收到错误。

var table = $("#example1").DataTable();
        $('#example1 tbody').on('click', 'tr', function () {
            var data = table.row(this).data();                
        });

请注意,这是一个ASP.NET MVC项目

<table id="example1" class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th>@Html.DisplayNameFor(model => model.FirstName)</th>
                                                <th>@Html.DisplayNameFor(model => model.Surname)</th>
                                                <th>@Html.DisplayNameFor(model => model.MiddleName)</th>
                                                <th>@Html.DisplayNameFor(model => model.DateOfBirth)</th>
                                                <th>@Html.DisplayNameFor(model => model.Department)</th>

                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach (var item in Model)
                                            {
                                                <tr>
                                                    <td>@Html.DisplayFor(modelItem => item.FirstName)</td>
                                                    <td>@Html.DisplayFor(modelItem => item.Surname)</td>
                                                    <td>@Html.DisplayFor(modelItem => item.MiddleName)</td>
                                                    <td>@Html.DisplayFor(modelItem => item.DateOfBirth)</td>
                                                    <td>@Html.DisplayFor(modelItem => item.Department)</td>
                                              </tr>
                                            }
                                        </tbody>
                                    </table>

1 个答案:

答案 0 :(得分:1)

您正在使用jQuery DataTables 1.9.4。

API方法row()仅适用于jQuery DataTables 1.10+。

看看你是否可以升级你的库,它是向后兼容的。