I want to scroll the html table to particular tr by using Javascript or jquery. Currently I can get the offset of the selected tr .And I am using the scrollTop method .I have tried the following but it is not working for me :
var table = document.getElementById("table");
var tr = table.getElementsByTagName("tr")[3];
var scrollTo = tr.offsetTop;
table.scrollTop = scrollTo;
also I tried with jquery :
$('#table').animate({scrollTop:0},50);
can anybody help me where am I getting wrong ?
The row can be programmatically scrolled to view. In conclusion, using a row's offset and dividing the table's outer container by half, we can scroll the table to a particular row.
The scrollTo method: The scrollTo() is used to scroll to the specified element in the browser.
window. scrollTo( value-x, value-y ); Here value-x is the pixel value of the width, where you wanna jump or scroll to. value-y is for the height of the window in terms of the pixel where you wanna jump or scroll to.
This worked for me, try this
var elm = document.getElementById(id);
elm.scrollIntoView(true);
try this : http://jsfiddle.net/SZKJh/
var w = $(window);
var row = $('#tableid').find('tr').eq( line );
if (row.length){
w.scrollTop( row.offset().top - (w.height()/2) );
}
reference :
https://stackoverflow.com/a/7853216/1982680
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With