Estoy tratando de desplazamiento en una determinada fila de una tabla; la div
junto con el table
en su interior, ambos tienen overflow:auto
. Este es mi código para el desplazamiento a un determinado índice de la tabla:
var table1 = document.getElementById("old_table");
table1.rows[3].scrollIntoView({
behavior: 'smooth',
block: 'center'
});
Este es mi código html:
<div id="old_slab"><table id="old_table" border="2"></table></div>
Y mi css:
#old_slab{
position: absolute;
top:34em;
left:30em;
width:40em;
height: 15em;
overflow: auto;
}
#old_table{
height: 15em;
overflow: auto;
width: 40em;
}
Las filas en la tabla se crean de forma dinámica, por lo que no están codificados en mi código html. Sin embargo, la tabla no está vacía. Por alguna razón, la scrollIntoView()
no funciona y no sé por qué. Por favor, ayudar.
EDIT: Extrañamente, cuando me quite la behaviour
y block
argumentos, entonces funciona:
table1.rows[3].scrollIntoView(true);