1

Estou tentando criar uma tabela que ao descer a página, a linha de coluna fique fixa no topo.

Até ai tudo bem, no jQuery eu defini no evento scroll que quando as colunas ficassem abaixo do offset, ele trocasse o Position das colunas para FIXED e POSITION TOP 0px, e funciona, ela se fixa no topo e acompanha a rolagem.

O problema é que ao rolar a página, o elemento TH muda de tamanho, ele não acompanha as linhas da tabela.

Tentei forçar a CLASS do elemento TH e TD sendo o mesmo, afim de pegar o tamanho do mesmo local. Mesmo assim ao descer a página, o elemento perde alguns pixels.

Dentro da classe do TH e TD, adicionei

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

para que o padding não influencie no seu tamanho, e também não funcionou.

Alguém sabe o que pode ser?

1
  • Tem como postar um JSFiddle? Eu chutaria que o ideal não é alterar o estilo do TH — tirar ele do fluxo da página com position: fixed corre o risco de alterar o layout da tabela — mas clonar o TH pra dentro de um <div> (com display: table-row, talvez?).
    – user25930
    5/06/2015 às 12:48

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .