Tabellen responsiv
mit Sidebar-Inhalten
Tabelle responsiv
Ein Beispiel
Einsparpotenziale der Beleuchtung in Deutschland pro Jahr
| Energieeinsparung (Kilowattstunden) | CO2-Einsparung | Kosten- einsparung (0,18 €/kWh) | |
| Straßenbeleuchtung | 2,2 Mrd. kWh | 1,4 Mio. Tonnen | 400 Mio. € |
| Bürobeleuchtung | 3,2 Mrd. kWh | 1,9 Mio. Tonnen | 475 Mio. € |
| Industriebeleuchtung | 8,3 Mrd. kWh | 5,0 Mio. Tonnen | 1,2 Mrd. € |
| Private Beleuchtung | 7,5 Mrd. kWh | 4,5 Mio. Tonnen | 1,1 Mrd. € |
ANLEITUNG
Im HTML-Code muss vor dem öffnenden <table>-Tag folgendes eingetragen werden:
<div class="table-responsive">
Nach dem schliessenden </table>-Tag folgt ein:
</div>
Und die Tabelle muss um folgendes class-Attribut ergänzt werden:
class=“table“
Das ganz zusammen sieht wie folgt aus:
<div class="table-responsive">
<table class=“table“ …>…</table>
</div>
Die …Punkte beinhalten dann die weiteren Tabelleninhalte und Attribute.
Sie müssen für die Bearbeitung den RichTextEditor auf die HTML-Ansicht umschalten, dazu benutzen Sie den Button mit den beiden eckigen Klammern „<>“.