Eu estou tentando ir até uma determinada linha de uma tabela; o div
juntamente com o table
dentro dele, os dois tem overflow:auto
. Este é o meu código para se deslocar para um determinado índice da tabela:
var table1 = document.getElementById("old_table");
table1.rows[3].scrollIntoView({
behavior: 'smooth',
block: 'center'
});
Este é o meu html:
<div id="old_slab"><table id="old_table" border="2"></table></div>
E o meu css:
#old_slab{
position: absolute;
top:34em;
left:30em;
width:40em;
height: 15em;
overflow: auto;
}
#old_table{
height: 15em;
overflow: auto;
width: 40em;
}
As linhas na minha mesa são criados dinamicamente, portanto, eles não são codificados no meu código html. No entanto, a tabela não está vazia. Por algum motivo, o scrollIntoView()
não está funcionando e eu não sei por quê. Por favor, ajuda.
EDIT: Estranhamente, quando eu remover o behaviour
e block
argumentos, então ele funciona:
table1.rows[3].scrollIntoView(true);