When adding a row to a vertically scrolling table, can I keep the state of the scrollbar?

ivarni

I am using "sScrollY": 300 in a table
(So basically http://datatables.net/release-datatables/examples/basic_init/scroll_y.html)
and I am adding data to it clientside using fnAddData. If I have scrolled down a few rows in the table so that the top row is not visible and add a row with fnAddData it scrolls to the top.

If, on that page, you were to scroll down in the table a bit and then run
$('#example').dataTable().fnAddData(['zot','baz','bar','foo','SPROING'])
You'll see the table scroll to the top.

Is there a way to prevent this? Any help would be appreciated.


Cheers,
Ivar

KimAM

Was wondering about the same thing myself. Anyone that can help?

Regards,
Kim

DaveGYNWA

Not tried it myself, but what is the effect of this?

$('#example').dataTable().fnAddData(['zot','baz','bar','foo','SPROING'], false)

KimAM

The table will not redraw, so the new entry will not appear in the table. Not the solution I am looking for. Thanks anyways!

ivarni

Workaround using JQuery:

Before _fnDraw gets called (as a result of adding, removing or updating a row)
[code]
globals.scrollPos = $('.dataTables_scrollBody').scrollTop();
[/code]

Then, when initializing the table add
[code]
"fnDrawCallback": function(oSettings) {
$('.dataTables_scrollBody').scrollTop(globals.scrollPos);
},
[/code]

Not an optimal solution, but gets the work done.

swarogDark

Hello. If question still actual you can use this trick:
[code]
$('#example').dataTable().fnAddData(['zot','baz','bar','foo','SPROING'], false);
$('#example').dataTable().fnDraw(false);
[/code]