Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

2
respostas

Criar table com scroll no tbody

Bom dia, boa tarde e boa noite programadores!

Aqui vai uma dúvida que parece ser cabreira pra a maioria dos "front-enders". Durante a construção de uma tela para um projeto, foi exigido pelo cliente que a tabela da pagina possuisse um thead fixo, com um tbody "scrollavel". Até ai parecia uma ideia simples: definir um tamanho fixo, e colocar um overflow. Mas então percebi que isso ai era uma fonte de problemas. Quando se coloca um scroll somente no tbody, as colunas ficam desalinhadas. Procurei solução por diversos fóruns, porém infelizmente não achei nenhuma resposa que indicasse um sucesso na hora da montagem da tabela.

Gostaria de solicitar ajuda a vocês! Obrigado desde já!

2 respostas

Matheus.

Não rola colocar o thead com position: absolute e deixar o form position: relative e alinhar o thead na mão para deixar tudo alinhado?

Se não funcionar. Por favor, tira um print e coloca o código aqui pra ver se consigo pensar em outra forma para te ajudar.