table.row is not a function in datatables

Question

I am using jQuery DataTables 1.9.4. On trying to use the datatable module I am getting the above error. Going through SO, I have seen a lot of people advising to use the uppercase DataTable({}) instead of the lowercase dataTable({}), but still get the error.

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

Note this is an ASP.NET MVC Project

<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>

Is your DataTable being initialized properly? Show us the table html — Eric Guan
– Eric Guan, Commented Mar 5, 2016 at 22:18
I am quite sure you have a cache problem. Be sure your browser is loading the correct version of your JS. Even if your markup or something else was invalid, even if you get nasty alerts while initializing - you would still receive a table reference with an API you can work on. — davidkonrad
– davidkonrad, Commented Mar 6, 2016 at 3:31
@davidkonrad I launch my browser with Chrome's Dev tool always opened, so caching is not a problem — kolexinfos
– kolexinfos, Commented Mar 6, 2016 at 3:54
@kolexinfos, that does not matter if you not have caching turned off :) network -> disable cache -> reload — davidkonrad
– davidkonrad, Commented Mar 6, 2016 at 4:38

Gyrocode.com · Accepted Answer · 2016-03-08 13:14:57Z

1

You're using jQuery DataTables 1.9.4.

API method row() is only available in jQuery DataTables 1.10+.

See if you can upgrade your library, it is backward compatible.

answered Mar 8, 2016 at 13:14

Gyrocode.com

59k16 gold badges157 silver badges192 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

dotnetdevcsharp Over a year ago

is this the same for rows mine is not finding it in the same verison

Gyrocode.com Over a year ago

@csharpdudeni77, yes, it's the same for all API methods listed on this page.

Collectives™ on Stack Overflow

table.row is not a function in datatables

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related