Estoy trabajando en un proyecto web en el que, en una página, tengo una tabla de datos JSF paginada. De manera predeterminada, tiene 12 filas; ahora, cuando selecciono otra cantidad, como 20, por cuadro desplegable, se muestran más filas de la tabla y el cuadro desplegable en la parte inferior de la tabla se desplaza fuera de la vista. Quiero desplazarlo de nuevo a la vista para una mejor experiencia de usuario.

Lo que logré fue implementar un detector de eventos que se activa cada vez que se elige una selección del menú desplegable:

 selector.onchange = updateView; function updateView(e) { var selector = document.getElementById(e.target.id); selector.scrollIntoView(); }

Sin embargo, esto sucede inmediatamente después de seleccionar algo, mientras que la mesa tarda unos 100 milisegundos en recargarse. ¿Cuál es la mejor manera de desplazarse al cuadro desplegable solo después de que todas las filas se hayan cargado correctamente?