Posizionamento delle righe della tabella di overflow CSS
-
09-06-2019 - |
Domanda
Ho una tabella all'interno di una scheda div.La tabella contiene 40 righe e l'altezza del div è impostata per mostrare 10 righe di quella tabella.L'overflow:auto del CSS mi consente di scorrere le 40 righe.Va tutto bene lì.
Come posso, con JavaScript, far sì che la tabella si posizioni a livello di codice su una determinata riga (ovvero, scorrere a livello di codice la tabella verso l'alto o verso il basso per riga)?
Soluzione
Dove superHappyFunDiv
è l'ID del contenitore DIV e rows è un indice di riga basato su 0:
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;
}
Tenterà di scorrere la riga richiesta nella parte superiore del contenitore.Testato in IE6 e FF3.
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow