CSS overflow linha da tabela de posicionamento
-
09-06-2019 - |
Pergunta
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)?
Solução
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.
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow