Estou tentando aplicar o plugin DataTables
às tabelas de meu template, o problema é que quando aplico o scroll, a tabela acaba desalinhando o título da tabela do seu respectivo corpo de dados.
-
Eu fiz aqui e não vi tal diferença? como assim ... !!! ???– user60268/04/2014 às 13:11
-
@Fúlvio Tens de fazer scroll para a direita.– Jorge B.8/04/2014 às 13:19
-
Então o meu ta normal !!! kkkk– user60268/04/2014 às 13:21
-
Sim. No caso da tabela de exemplo deste Fiddle o problema está acontecendo nas colunas finais da tabela. Porém, em outras tabelas do sistema que tenho aqui, o problema ocorre nas primeiras colunas também.– mayconfsbrito8/04/2014 às 13:24
2 Respostas
Pelo que eu percebi o comportamento é normal, uma vez que estás a fazer o scroll do body da tabela e não a tabela em si. Se reparares o scroll vertical não inclui o header da tabela.
Ou seja, depois ao fazer o scroll horizontal quando a tabela acaba, o header fica justo a direita, e para conseguires ver o body da tabela tens de continuar a fazer scroll, dai o "desalinhar", que na verdade não acontece. Entendeste?
Vê a imagem:
-
Realmente faz sentido, porém não sei qual seria a solução para este caso. O que você me sugere? 8/04/2014 às 13:28
-
-
-
-
Sim, pode ser que seja o script bootstrap. Mas o meu template não pode ficar sem ele, pois faz parte da aplicação. 8/04/2014 às 15:24
Eu abri um tópico relacionado a este problema no Stack Overflow internacional onde minha pergunta foi parcialmente solucionada. Apesar do novo problema encontrado a partir da resposta, acredito que o mesmo seja relacionado ao meu template, e não somente a tabela em si. Então, para não emendar a dúvida deste tópico com outra, e também conceder os devidos créditos ao autor da solução, posto no link abaixo o link para o fiddle e o tópico com a solução. Obrigado!