CSS overflow linha da tabela de posicionamento

Question

Eu tenho a tabela dentro de uma div guia.A tabela tem 40 linhas e o div altura é definida para mostrar 10 linhas da tabela.CSS do overflow:auto permite-me a percorrer a 40 linhas.Tudo está bem ali.

Como posso, com JavaScript fazer com que a tabela através de programação posição para uma determinada linha (por exemplo, por meio de programação percorrer a tabela para cima ou para baixo por linha)?

Answer 1

Onde superHappyFunDiv é a IDENTIFICAÇÃO do contêiner DIV e linhas é um baseado em 0 índice de linha:

function scrollTo(row)
{
   var container = document.getElementById("superHappyFunDiv");
   var rows = container.getElementsByTagName("tr");

   row = Math.min(Math.max(row, 0), rows.length-1);
   container.scrollTop = rows[row].offsetTop;
}

Tenta deslocar a linha de pedido para a parte superior do recipiente.Testado no IE6 e FF3.