Question

I know there are code sample/plugins out there to make the header fixed and the table scrollable. But I want to achieve is automatically scrolling table data rows once it’s loaded, but keep the header fixed.

Is there a plugin/jquery code to do just that?

thanks

Answer 1

Table won’t scroll

• You can create a fake table header that float on top of the table
• Use CSS to separate table header and make it always float http://www.imaputz.com/cssStuff/bigFourVersion.html

Put the table body in a fixed height div with overflow: auto. Then write an interval function to make it scroll

setInterval(function(){
   $('#scrolldiv').scrollTop($('#scrolldiv').scrollTop() + 10); //Just an example
}, 100)