Table não cobre a página toda

Estou com um problema, uma Table que não vai até o fim da página.

Consigo organizar utilizando @media query, porém a tabela fica em constante mudança, tanto em remoção quanto em adição de parâmetros, gostaria que ficasse sempre num “height: 100”, mas não estou sabendo fazer isso. Alguma luz?

Você pode tentar assim:

html, body, table{
	height: 100%
}

Para usar o tamanho em 100% o elemento pai precisa de um tamanho definido também.

Outra alternativa é fazer:

table{
	height: 100vh;
}
1 curtida

Fiz basicamente isso, adicionei

overflow: auto;

Pra scrollar tanto horizontalmente quanto verticalmente, funcionou, agora estou em busca de fixar a primeira coluna. Mas seu comentário me ajudou, obrigado.