jQuery Datatables get first displayed row custom attribute

Question

I need to get the first displayed row value of data-rowNum attribute when next page event if fired.

My HTML table:

<tr data-rowNum="1">Some text</tr>
<tr data-rowNum="2">Some text</tr>
<tr data-rowNum="3">Some text</tr>

Here is the code I use, but not getting the value, only an object.

$('#historico').on( 'page.dt search.dt order.dt', function () {
  alert(tabla.row( 0 ).data('rowNum'));
} );

Gyrocode.com · Accepted Answer · 2015-06-13 15:25:13Z

1

You need to use row().node() to get the row TR node and to$() to convert it to jQuery object.

Argument { 'order': 'current', 'search': 'applied', 'page': 'current'} which is selector-modifier for row() API function is used to retrieve row for current page with sorting and filtering applied.

$('#historico').on( 'page.dt search.dt order.dt', function () {
    alert(
       tabla
          .row( 0, { 'order': 'current', 'search': 'applied', 'page': 'current'} )
          .node()
          .to$()
          .data('rowNum'));
});

edited Jun 13, 2015 at 15:25

answered Jun 13, 2015 at 14:43

Gyrocode.com

59k16 gold badges157 silver badges192 bronze badges

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

3 Comments

SauronZ Over a year ago

Thnx Gycocode! Now i can access the first row custom data! Is it possible to access the current page first element? Now it's getting the whole table first element.

Gyrocode.com Over a year ago

@SauronZ, added more details per your suggestion.

SauronZ Over a year ago

Thnx again. You opened to me a new world of posibilities. :-)

Collectives™ on Stack Overflow

jQuery Datatables get first displayed row custom attribute

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related