Widget Tabellarische Daten

Version: 13.3
Layout: Technical Responsive (angepasst)

Guten Tag,

ich habe auf meiner Seite mal ein paar Tests mit dem o.g. Widget durchgeführt und bin mir bei der Smartphone Ansicht nicht ganz sicher ob das nachfolgende so gewollt ist.

Auf dieser Seite http://www.zp-widgets.de/tabellentest.html habe ich das Original Widget Tabellarische Daten eingefügt (Tabelle 2 auf der Seite).
Wenn ich jetzt diese Seite innerhalb des Browser Fenster langsam immer kleiner ziehe, also praktisch auf Smartphone Größe, verzerrt es am Schluß die Tabelle (sie wird sehr klein-passt sich also zum Schluß nicht mehr der Größe des Browserfensters an).
Zum Vergleich achte man auf die Tabelle darüber, die sich ordnungsgemäß immer dem Browserfenster bis zum Schluss anpasst.

Wenn ich dieses Phänomen nun über die Entwicklertools betrachte stelle ich folgenden Eintrag fest:

@media screen and (max-width: 640px) {
	table.zptabledata {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
	}
    table.zptabledata th,
    table.zptabledata td {
        white-space: nowrap;
    }
}

Deaktiviere ich den Eintrag display: block; oder ersetze diesen Eintrag durch display: table; ist die Darstellung korrekt.
Was ist jetzt richtig ?

Dann danke für die Rückmeldung. Konnte ich nachvollziehen.

Zitat von sseiz

Sollten in einem "Real World" Projekt auch Probleme mit derart schmalen Tabellen auftreten, überlegen wir uns ggf. einen Workaround.

.... Gibt mir zu denken .....
Hoffentlich erstellen dann alle ihre Tabellen mit genügend Spalten damit es gut aussieht .....