¿Cómo especificar la altura de la tabla de modo que aparezca una barra de desplazamiento vertical?

Tengo una tabla con muchas filas en mi página. Me gustaría establecer la altura de la tabla, digamos 500px, de modo que si la altura de la tabla es mayor que eso, aparecerá una barra de desplazamiento vertical. Intenté usar el heightatributo CSS en el table, pero no funciona.

Intente usar la overflowpropiedad CSS. También hay propiedades separadas para definir el comportamiento de desbordamiento horizontal ( overflow-x) y desbordamiento vertical ( overflow-y).

Como solo desea el desplazamiento vertical, intente esto:

table {
  height: 500px;
  overflow-y: scroll;
}

EDITAR:

Aparentemente los <table>elementos no respetan la overflowpropiedad. Esto parece deberse a que los <table>elementos no se representan display: blockde forma predeterminada (en realidad, tienen su propio tipo de visualización). Puede forzar que la overflowpropiedad funcione configurando el <table>elemento como un tipo de bloque:

table {
  display: block;
  height: 500px;
  overflow-y: scroll;
}

Tenga en cuenta que esto hará que el elemento tenga un ancho del 100%, por lo que si no desea que ocupe todo el ancho horizontal de la página, también debe especificar un ancho explícito para el elemento.

Debe envolver la tabla dentro de otro elemento y establecer la altura de ese elemento. Ejemplo con CSS en línea:

<div style="height: 500px; overflow: auto;">
 <table>
 </table>
</div>

para establecer la altura de la tabla, primero debe establecer la propiedad css "display: block" y luego puede agregar las propiedades "width / height". Encuentro este artículo de Mozilla un muy buen recurso para aprender cómo diseñar tablas: Enlace