datatables how to scroll to specific row without pagination

Question

I have a datatable of about 90 rows long. The user performs some operation and the table must scroll to the corresponding row.

I know about the scroller plugin, but the user has demanded to have no pagination.

Gyrocode.com · Accepted Answer · 2016-11-01 12:40:24Z

5

You can use the code below to scroll page to particular row if you're not using scrolling:

var table = $('#example').DataTable({
   paging: false
});

var $row = $(table.row(30).node());   
$('html, body').animate({ scrollTop: $row.offset().top }, 2000);

See this example for code and demonstration.

answered Nov 1, 2016 at 12:40

Gyrocode.com

59k16 gold badges157 silver badges192 bronze badges

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

Comments

Kotey · Accepted Answer · 2019-05-17 10:23:45Z

0

My solution, where 'table' is datatable, and target row has 'shown' class:

var $row = $(".shown");
table.context[0].nScrollBody.scrollTo(0,($row[0].offsetTop));

answered May 17, 2019 at 10:23

Kotey

1121 gold badge1 silver badge6 bronze badges

Collectives™ on Stack Overflow

datatables how to scroll to specific row without pagination

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related