Bootstrap: Affix-Plugin funktioniert nicht gut in Tabellen

Erstellt am 22. Aug. 2012  ·  3Kommentare  ·  Quelle: twbs/bootstrap

Bitte sehen Sie sich die Demo an, die ich in Codepen erstellt habe:

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

Ich habe versucht, die Tabellenüberschrift anzubringen, und die neue Tabellenüberschrift, die von afix.js erstellt wurde, verwendet nicht ihre ursprüngliche Breite.

Das nervt mich einen Tag lang und ich habe immer noch keine Ahnung.

Alle 3 Kommentare

es, weil nach position:fixed für thead, rowspan nicht für TH funktioniert.
Feste Breite einstellen sollte helfen (funktioniert in Chrom):

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

Yay, der Header sieht jetzt gut aus :)

Es hat nicht perfekt funktioniert, da die Spalten in tbody ihre Breite ändern, wenn afix.js den Ursprungsheader ausblendet.

Aber ich habe eine Idee, wie man das beheben kann.

@genbit , danke für deine Hilfe

Wenn Sie etwas positionieren, müssen Sie eine Breite angeben. Wir werden derzeit keine Korrekturen von Tabellenüberschriften unterstützen.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen