📊 Bootstrap Tables - Vollständige Übersicht

Status: Alle 2 Module aus bootstrap-table.pug vollständig migriert!

📊 Migration Status: bootstrap-table.pug ✅ VOLLSTÄNDIG!

2

Module erstellt

✓

Bootstrap Table Plugin

100%

bootstrap-table.pug

✅ Vollständig migriert:

  • bootstrap-table.pug - 2 Module (100%)
  • module__bootstrap-table.html - Haupttabelle mit Filter, Readmore, Download
  • module__bootstrap-table-2.html - Einfache Tabelle mit ID

🎉 FINALE GESAMTSTATISTIK:

  • ✅ content.pug - 27 Module (100%)
  • ✅ listing-flow.pug - 12 Module (100%)
  • ✅ listing-table.pug - 5 Module (100%)
  • ✅ headers.pug - 3 Module (100%)
  • ✅ banners.pug - 4 Module (100%)
  • ✅ teaser-flow.pug - 18 Module (100%)
  • ✅ metainfo2.pug - 6 Module (100%)
  • ✅ Kleine Module - 11 Module (100%)
  • ✅ bootstrap-table.pug - 2 Module (100%)
  • 🏆 GESAMT: 88 MODULE MIGRIERT! 🎊

✅ 1. module__bootstrap-table.html (Haupttabelle)

Features: Filter Control, Pagination, Search, Sortable, Readmore/Download-Funktionalität

Förderprogramm Projekttitel Projekt-
leitung		 Projekt-
start		 Projekt-
ende		 Institut Sektion
Leibniz-Junior Research Groups call for applications for the "Best Minds" funding programme: Leibniz Junior Research Groups

Mehr Informationen

Ich bin die Zusatzinformation, welche nur eingeblendet wird, wenn man Mehr informationen anklickt.

Download

Prof. Dr. h.c. Carl Caesar 2020 2022 ABC Section E - Environmental Research
Innovationsförderungsprogramm Ausschreibung für das "Zukunftsideen" Förderprogramm: Innovationsförderung

Mehr Informationen

Ich bin die Zusatzinformation, welche nur eingeblendet wird, wenn man Mehr informationen anklickt.

Prof. Dr. h.c. Sarah Lorenz 2021 2024 WXY, ZAB Section C - Cyber Security
Weltraumforschungsprojekte Ausschreibung für das Programm "Beyond Earth" für Weltraumforschung

download

Projektbeschreibung

 Dr. Max Planck Jr. 2021 2024 CDE, FGH Section B - Space Research

Verwendung:







  

	
	
	  

		Förderprogramm
		Projekttitel
		Projekt-
leitung		
		Projekt-
start		
		Projekt-
ende		
		Institut
		Sektion
	  

	
	
	
	  
	  

		Leibniz-Junior Research Groups
		
		  call for applications for the "Best Minds" funding programme: Leibniz Junior Research Groups
		  

			

			  
				
				  
				
			  
			  Mehr Informationen
			

			

			  Ich bin die Zusatzinformation, welche nur eingeblendet wird, wenn man Mehr informationen anklickt.
			

			

			  
				
				  
				
			  
			  
				Download
			  
			

		  

				
		Prof. Dr. h.c. Carl Caesar
		2020
		2022
		ABC
		Section E - Environmental Research
	  

	  
	  
	  

		Innovationsförderungsprogramm
		
		  Ausschreibung für das "Zukunftsideen" Förderprogramm: Innovationsförderung
		  

			

			  
				
				  
				
			  
			  Mehr Informationen
			

			

			  Ich bin die Zusatzinformation, welche nur eingeblendet wird, wenn man Mehr informationen anklickt.
			

		  

				
		Prof. Dr. h.c. Sarah Lorenz
		2021
		2024
		WXY, ZAB
		Section C - Cyber Security
	  

	  
	  
	  

		Weltraumforschungsprojekte
		
		  Ausschreibung für das Programm "Beyond Earth" für Weltraumforschung
		  
download

		  
Projektbeschreibung

				
		Dr. Max Planck Jr.
		2021
		2024
		CDE, FGH
		Section B - Space Research

📋 Bootstrap Table Features:

  • Sticky Header: data-sticky-header="true"
  • Pagination: data-pagination="true" (17 Items per Page)
  • Search: data-search="true" mit Highlight
  • Sortable: data-sortable="true"
  • Filter Control: Select-Filter für "Institut" Spalte
  • Mobile Responsive: data-mobile-responsive="true"
  • Locale: de-DE

✨ Spezielle Features:

  • Readmore-Funktion: Zusatzinformationen ein-/ausblenden
  • Download-Links: Mit Icon und Beschreibung
  • Info-Area: Strukturierte Zusatzinfos in Zellen

✅ 2. module__bootstrap-table-2.html (Einfache Tabelle)

Features: ID="bootstrap-test", Filter visible, Striped Rows

ID Name Beschreibung Preis Zusatzinformationen
1 Mastermind Ich bin eine Beschreibung 30€ Frweb gsdf ,jsfhjsf ,s.sf .s.jkfhksdfhkshfl zfuszf sjhdf jsgf jjh
2 whatsup Lorem Ipsum Blattsalat 40€ Frweb gsdf ,jsfhjsf ,s.sf .s. zfuszf sjhdf jsgf jjh
3 Wannsee sf sdf sf sdf sdf sdf 3.000€ Frweb gsdf ,jsfhjsf ,s.sf .s.jkfhksdfhkshfl zfuszf sjhdf jsgf jjh
4 Ballon Ich bin auch en text 450€ Frweb gsdf ,jsfhjsf ,s.sf .s.srf sf sdf vdsg sdfg dsg zfuszf sjhdf jsgf jjh
5 Mastermind Ich bin eine Beschreibung 30€ Frweb gsdf ,jsfhjsf ,s.sf .s.jkfhksdfhkshfl zfuszf sjhdf jsgf jjh dg dg dg dg dfg

Verwendung:







  

	
	
	  

		ID
		Name
		Beschreibung
		Preis
		Zusatzinformationen
	  

	
	
	
	  

		1
		Mastermind
		Ich bin eine Beschreibung
		30€
		Frweb gsdf ,jsfhjsf ,s.sf .s.jkfhksdfhkshfl zfuszf sjhdf jsgf jjh
	  

	  

		2
		whatsup
		Lorem Ipsum Blattsalat
		40€
		Frweb gsdf ,jsfhjsf ,s.sf .s. zfuszf sjhdf jsgf jjh
	  

	  

		3
		Wannsee
		sf sdf sf sdf sdf sdf
		3.000€
		Frweb gsdf ,jsfhjsf ,s.sf .s.jkfhksdfhkshfl zfuszf sjhdf jsgf jjh
	  

	  

		4
		Ballon
		Ich bin auch en text
		450€
		Frweb gsdf ,jsfhjsf ,s.sf .s.srf sf sdf vdsg sdfg dsg zfuszf sjhdf jsgf jjh
	  

	  

		5
		Mastermind
		Ich bin eine Beschreibung
		30€
		Frweb gsdf ,jsfhjsf ,s.sf .s.jkfhksdfhkshfl zfuszf sjhdf jsgf jjh dg dg dg dg dfg

📋 Unterschiede zur Haupttabelle:

  • ID: bootstrap-test (für spezifisches Targeting)
  • Filter: data-filter-control-visible="true" (direkt sichtbar)
  • Search Button: data-show-search-button="false"
  • Striped: .table-striped Klasse
  • Einfachere Daten: Keine Readmore/Download Features

🔧 Technische Details & Dependencies

JavaScript Dependencies (Vendor Files):

HTML data-Attribute (Konfiguration):

Attribut Wert Funktion
data-toggle table Aktiviert Bootstrap Table
data-sticky-header true Header bleibt beim Scrollen sichtbar
data-pagination true Seitennavigation aktivieren
data-search true Suchfeld aktivieren
data-sortable true Spalten sortierbar machen
data-filter-control true Filter-Controls aktivieren
data-mobile-responsive true Mobile Ansicht aktivieren
data-locale de-DE Deutsche Spracheinstellungen

CSS Klassen:

Filter-Control (pro Spalte):

<th data-field="institut" 
	data-filter-control="select" 
	data-filter-control-placeholder="Alle">
  Institut
</th>

🎯 Vergleich: bootstrap-table vs. bootstrap-table-2

Feature bootstrap-table bootstrap-table-2
ID - bootstrap-test
Striped - ✓
Filter visible false true
Readmore/Download ✓ -
Komplexität Hoch Niedrig
Verwendung Projekttabellen Einfache Listen

🎊 MIGRATION KOMPLETT! 🎊

88 Module erfolgreich migriert!

Von PUG nach Nunjucks HTML – Vollständig abgeschlossen! 🚀

✅ Alle Gruppen migriert:

content • listing-flow • listing-table • headers • banners
teaser-flow • metainfo • trenner • share • toolbox • marquee
advert-flow • listing-filter • bootstrap-tables