Mein Stift:
Ссылка
Ich möchte eine HTML-Tabelle erstellen:
- Mit einem Header, der fest bleibt
- Ein Tabellenkörper, der Bildlaufleisten anzeigt
- Die Höhe sollte KEINE feste Pixelhöhe haben, sie sollte 100% Höhe haben.
- Die Header-Zellen sollten mit den Zeilenzellen ausgerichtet sein. Ich erwähne das, weil ich oft Lösungen gesehen habe, bei denen column1 horizontal in den Bereich von header2 eintritt. Das sieht schlecht aus.
- Es ist ok für mich, wenn die Spalten eine prozentuale Breite haben, aber kein Pixel, weil das nicht reagiert.
- Leistung spielt keine Rolle, es zeigt maximal 16 Zeilen appr. mit maximal 7 Spalten.
Ich möchte nur CSS verwenden.
Es sollte in IE10 + und neuesten FF / Chrome funktionieren.
Sie können auch das neue CSS Grid Layout von Microsoft verwenden, welches auf webkit etc ... mit -ms-grid etc ...
portiert wird
Wie kann ich das obige Beispiel so gestalten, dass der Header fixiert bleibt und der Body der Tabelle vertikale Scrollbalken hat, nicht der HTML-Body selbst?
HTML
%Vor%
CSS
%Vor%