Verbessertes Tabellen-Widget

Hallo,

in folgender Tabelle sind mehrere Überschriften vorhanden und die Tabelle passt sich responsiv an, ist also auf mobilen Endgeräten trotz des umfangreichen Inhaltes gut zu lesen und es wird kein Scrollbalken angezeigt: https://teppichreinigung.net/preise

Das gelingt mir mit dem entsprechenden Widget des ZP leider nicht umzusetzen.

Im Forum fand ich stattdessen den folgenden Hinweis von Stefan S:

RE: Tabellen Responsive machen

Allerdings wird beim ZP in der mobilen Darstellung (Smartphone Portraitmodus) bereits bei zweizeiligen Spalten und wenigen Inhalten ein Scrollbalken angezeigt, während die Tabelle auf genannten Website selbst in dieser Ansicht die Tabelle in der Breite optimal anzeigt, Texte gut formatiert werden und der Betrachter nicht scrollen muss und dadurch die Inhalte gut lesbar sind:

Ich habe auch noch nicht herausbekommen, ob und wie man mit dem Tabellen-Widget des ZP mehrere unterschiedliche Spaltenüberschriften erstellen kann.

Hallo Hanabi,

sorry für die späte Rückmeldung, war leider nicht früher möglich. Vielen Dank für deinen Tipp!

Leider ist das Ergebnis nicht so, wie der Kunde es sich wünschte. Er hat auf die Website eines ihm bekannten Mitbewerbers verwiesen und einigermaßen erbost gemeint: "Die haben doch auch eine Tabelle (Anmerkung siehe meinen obigen Beitrag) verwendet und die wird in jeder Bildschirmgröße sauber angezeigt und ist fehlerfrei lesbar!"

Ich verstehe nicht, weshalb das nicht auch mit dem ZP so umsetzbar ist. Was kann WordPress (damit wurde die Mitbewerber-Website erstellt), was der Zeta Producer nicht kann - bezogen auf eine vernünftige Tabellen-Darstellung?

Übergangsweise haben wir einen Weblink auf eine PDF-Datei eingerichtet. Wenn sich keine gewünschte Lösung findet, werde ich das Kundenprojekt mit einer anderen Software umsetzen müssen.

Wünsche ein angenehmes Wochenende!

Guten Morgen Steffen,

danke für das Feedback!

Die Website ist auf Wunsch des Kunden noch nicht veröffentlicht. Das wollte der Auftraggeber nicht wegen der Tabellendarstellung, die ihm wie zuvor beschrieben, nicht gefiel. Er möchte, dass seine Preisliste auch auf mobilen Endgeräten ähnlich wie diese des Mitbewerbers angezeigt wird: https://teppichreinigung.net/preise

Hallo Steffen,

man kann beim Widget "Tabellarische Daten" eine bestehende Excel-Tabelle importieren, was grundsätzlich eine schöne Funktion ist!

Allerdings muss man natürlich zuvor die Spalten analog zu den Spalten in der Excel-Datei einrichten, was auch logisch ist.

Die beispielhafte Tabelle auf der Mitbewerber-Website meines Auftraggebers hat aber Bereiche, in der sich die jeweiligen Überschriften ("Zusätzliche Leistungen", "Service und Reparaturen", "Wert- und Schadensgutachten" etc.) befinden.

Die Angaben zu den einzelnen Dienstleistungen sind in zwei Spalten ("Dienstleistung", daneben der betreffende Preis) angezeigt.

Darüber sind aber jeweils die Überschriften, die die Bereiche der Preistabelle gliedern. Hierbei handelt es sich aber um einspaltige Bereiche (siehe Screenshot, gelb markiert).

Mir ist es nicht gelungen, dass mit den ZP-Widget(s) umzusetzen. Mache ich etwas falsch?

Grundsätzlich sollte es sich aber doch wohl realisieren lassen, wie die genannte Website des Mitbewerbers zeigt. Die dort veröffentlichte Tabelle habe ich auf den unterschiedlichsten Endgeräten (PC, Smartphone sowie Tablet) aufgerufen und überall ist eine vernünftig lesbare Anzeige gewährleistet. Keinerlei Umbrüche, die das Lesen erschweren würden, kein scrollen notwendig.

Dankeschön! Ich werde das mal in dieser Art probieren. Vielleicht kann ich den Auftraggeber ja doch in Bezug auf die Tabelle zufriedenstellen.

Wünsche ein angenehmes Wochenende!

Steffen T. Hallo, ich habe auf einer neu angelegten Website (Layout: Flat Responsive) testweise nun zwei Tabellen angelegt, die jeweils eine Überschrift aufweisen. Beide Tabellen haben bis auf die unterschiedlichen Überschriften und Inhalten dieselben Einstellungen, sind zweispaltig. Die Daten habe ich manuell eingetragen.

Das Ergebnis ist aber nicht schön anzusehen, denn die Preise sollten (ggf. mit dem jeweiligen Zusatz "je qm" bzw. "je lfm") bündig formatiert sein, wie man es auch von Excel kennt.

Allerdings schaut das Ergebnis so aus (die zweite Tabelle ist nach links "eingerückt"):

(Test-Website: https://hosting.zeta-producer.com/6656025709/index.html)

Habe keine Möglichkeit gefunden, das die Preisangaben der zwei Tabellen bündig angezeigt werden. Ich weiß so langsam nicht mehr, wie ich das mit dem Zeta Producer erledigen soll. In der Bedienungsanleitung habe ich unter https://docs.zeta-producer.com/tabellarische-daten.html ebenso keinen Lösungsansatz gefunden.

Hallo Steffen T. ,

besten Dank für den Tipp, das sieht schon viel besser aus! Hoffe, es überzeugt den Auftraggeber.