1

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.

JsFiddle

4
  • Eu fiz aqui e não vi tal diferença? como assim ... !!! ???
    – user6026
    8/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
    – user6026
    8/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. 8/04/2014 às 13:24

2 Respostas 2

1

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: imagem

5
  • 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
  • Pelo que vejo aqui acho que é assim mesmo que funciona. Talvez tenhas de mexer no javascript do datatable mesmo.
    – Jorge B.
    8/04/2014 às 13:39
  • O teu problema ai é provavelmente estares a usar o script do Bootstrap com esse. Aqui está um exemplo a funcionar direito. Tenta por isso a funcionar sem o js Bootstrap, se funcionar já vais saber o porque disso.
    – Jorge B.
    8/04/2014 às 14:07
  • Dá uma vista de olhos nisto
    – Jorge B.
    8/04/2014 às 14:29
  • 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
0

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!

Tópico com a solução

Fiddle

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

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .