Tabellen sind in Hugo mit einem sehr einfachen Stil versehen. Dies geht besser mit Tabellen im Bootstrap Layout.
Motivation
Wer mit Tabellen in Hugo arbeitet verspürt schnell den Wunsch nach einem flexibelren Stil. Ziel ist, die Möglichkeit, eine Tabelle mit Bootstrap-Tabellenklassen zu gestalten.
Dabei sollten die folgenden Kriterien erfüllt sein.
- Die Tabelle ist in Markdown definiert.
- Die Tabelle wird in der “content” Datei gestaltet, z.B. content/post/some-post.md.
- Die Tabelle wird mit Bootstrap-Tabellenklassen gestaltet, z.B. “table table-responsive table-dark table-striped table-bordered”.
Änderungen im Theme
Alle Änderungen erfolgen im Themes Ordner.
- themes/static/css mit bootstrap-table.css.
- themes/layouts/shortcodes mit bootstrap-table.html.
- themes/layouts/partials Anpassung von head.html.
Hilfreiche Links:
- Vollständiges Beispiel mit Code.
- Aufsetzen eines Hugo Blogs basierend auf Bootstrap.
- Shortcodes in Hugo.
Beispiel
Beispieltabelle:
| Nr. | DE | EN |
|---|---|---|
| 1 | Vertragspartner | Parties |
| 2 | Begriffe | Interpretation |
| 3 | Laufzeit | Term |
| 4 | Dienstleistungen, Stornierung, Jahresplanung | Services, Cancellation of Services, Yearly Planning |
| 5 | Service Levels | Service Levels |
| 6 | Aufzeichnung | Records |
| 7 | Preisgestaltung, Zahlungsbedingungen, Steuern | Pricing, Payment Terms, Taxes |
| 8 | Rechte an geistigem Eigentum | Intellectual Property Rights |
| 9 | Sicherheit, Geschäftskontinuität und Katastrophenmanagement | Security, Business Continuity and Disaster Management |
| 10 | Vertrauliche Informationen, Geschäftsgeheimnis | Confidential Information, Business Secrecy |
| 11 | Haftung | Liability |
| 12 | Kündigung | Termination |
| 13 | Zuweisung | Assignment |
| 14 | Unterauftragnahme | Subcontracting |
| 15 | Geltendes Recht und Gerichtsbarkeit | Governing Law and Jurisdication |
| 16 | Vollständige Vereinbarung | Entire Agreement |
| 17 | Salvatorische Klausel | Severability |
| 18 | Varianten | Variations |
| 19 | Weitere Dokumente | Reference Documents |
Weitere Dokumente
ToBeConsult offers individually tailored solutions and no standard procedure. We have developed a structured approach, models and efficient methods and apply them in cooperation with our customers. We think entrepreneurially and always act from the owner’s point of view.