Snažím se posouvat do určitého řádku tabulky; div
spolu s table
uvnitř to, jak mají overflow:auto
. Tohle je můj kód pro rolování na konkrétní index v tabulce:
var table1 = document.getElementById("old_table");
table1.rows[3].scrollIntoView({
behavior: 'smooth',
block: 'center'
});
Tohle je můj html:
<div id="old_slab"><table id="old_table" border="2"></table></div>
A můj css:
#old_slab{
position: absolute;
top:34em;
left:30em;
width:40em;
height: 15em;
overflow: auto;
}
#old_table{
height: 15em;
overflow: auto;
width: 40em;
}
Řádky v mém stole jsou vytvářeny dynamicky, tedy nejsou napevno v html kódu. Přesto, že tabulka není prázdný. Z nějakého důvodu, scrollIntoView()
nefunguje a nevím proč. Prosím, pomozte.
EDIT: Kupodivu, když jsem se odstranit behaviour
a block
argumenty, pak to funguje:
table1.rows[3].scrollIntoView(true);