Bootstrap: O plugin afix não funciona bem em tabelas

Criado em 22 ago. 2012  ·  3Comentários  ·  Fonte: twbs/bootstrap

Veja a demonstração que criei no codepen:

http://codepen.io/leomao10/pen/tEuqC

Tentei afixar o cabeçalho da tabela e o novo cabeçalho da tabela criado por affix.js não usará sua largura original.

Isso me incomoda por um dia e ainda não tenho a menor ideia.

Todos 3 comentários

isso porque depois de position: fixed para thead, rowspan não funciona para TH.
definir largura fixa deve ajudar (funciona no cromo):

  $(".floating-header th").each(function() {
      $(this).width($(this).width());
  });

Uau, o cabeçalho parece bom agora :)

Não funcionou perfeitamente porque as colunas em tbody mudarão de largura quando affix.js ocultar o cabeçalho de origem.

Mas tenho uma ideia de como consertar isso.

@genbit , Obrigado pela sua ajuda

Quando você posiciona algo, você precisa especificar uma largura. Não oferecemos suporte para a fixação de cabeçalhos de tabela no momento.

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

fohlsom picture fohlsom  ·  3Comentários

devdelimited picture devdelimited  ·  3Comentários

knownasilya picture knownasilya  ·  3Comentários

IamManchanda picture IamManchanda  ·  3Comentários

alvarotrigo picture alvarotrigo  ·  3Comentários