Como especificar a altura da mesa de forma que uma barra de rolagem vertical apareça?

Tenho uma tabela com muitas linhas em minha página. Gostaria de definir a altura da mesa, digamos, 500px, de forma que, se a altura da mesa for maior do que isso, uma barra de rolagem vertical aparecerá. Tentei usar o heightatributo CSS no table, mas não funcionou.

Tente usar a overflowpropriedade CSS. Existem também propriedades separadas para definir o comportamento apenas de estouro horizontal ( overflow-x) e estouro vertical ( overflow-y).

Como você deseja apenas a rolagem vertical, tente o seguinte:

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

EDITAR:

Aparentemente, os <table>elementos não respeitam a overflowpropriedade. Isso parece ser porque os <table>elementos não são renderizados como display: blockpadrão (na verdade, eles têm seu próprio tipo de exibição). Você pode forçar a overflowpropriedade a funcionar definindo o <table>elemento como um tipo de bloco:

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

Observe que isso fará com que o elemento tenha 100% de largura, então, se você não quiser que ele ocupe toda a largura horizontal da página, você também precisa especificar uma largura explícita para o elemento.

Você precisa envolver a tabela dentro de outro elemento e definir a altura desse elemento. Exemplo com css inline:

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

para definir a altura da tabela, você precisa primeiro definir a propriedade css "display: block" e depois adicionar as propriedades "width / height". Acho este artigo Mozilla um recurso muito bom para aprender como estilizar tabelas: Link