In mobiler Ansicht Tabelle wird falsch angezeigt 
Autor: Christoph R.
Visitado 688,
Followers 1,
Compartido 0
Hallo,
bislang wurde eine Tabelle in der mobilen Ansicht scrollbar ( horizontal) angezeigt, sofern sie nicht komlett darstellbar war.
Bei einer Aktualisierung meiner Seite ist mir heute aufgefallen, dass dies nicht mehr der Fall ist. Ich habe in einer Tabelle den Text verändert, und bei der Darstellung der Seite war die Tabelle in der mobilen Ansicht nicht mehr scrollbar. Dies hat auch zur Folge, dass das Pulldown-Menü nicht mehr funktioniert.
Woran liegt das?
Danke und viele Grüße
Publicado en
Was hast du vor der Änderung gemacht in WSX5? War es richtig nach der Konvertierung in V2022.1 ? Hast du dein Projekt von der V14 in die neueste Version konvertiert?
Hast du individuellen Code eingefügt um die Tabellen responsive zu machen?
Hast du nur eine Tabelle in deinem projekt oder mehrere wo alle nicht stimmen?
Am besten mal deine URL hier posten!
Autor
Ich habe keine neue Version installiert. Vor einiger Zeit habe ich WSX5 auf einem neuen Rechner installiert ( die Homepage wurde damals auf dem alten Rechner erstellt), aber das sollte doch keinen Einfluss haben, oder?
https://www.pfronten-fewo.de/preise.html
Auf dieser Page sind mehrere Tabellen. Die erste Tabelle (mit den Preisen) habe ich abgeändert. Und seitdem funktioniert sie in der mobilen Ansicht nicht mehr richtig (z.B. Scrolling-Balken fehlt) oder das Pulldown-Menü funktioniert nicht mehr (auf dem Handy, auf dem Rechner funktioniert es seltsamerweise noch).
Die anderen Tabellen sind unverändert, und werden noch so dargestellt, wie ursprünglich.
Schau mal in das Tabellen-Objekt rein. Es müssten 2 Spalten ausserhalb des sichtbaren Bereichs sein. Also alles was rechts neben dem Strich ist, wir ausserhalb angezeigt und es kommt beim Browser zu einem Scrollbalken und nicht bei der Tabelle.
Autor
meinst du die gestrichelte Linie?
Die erscheint bei diesen Tabellen gar nicht.
Die erscheint vermutlich nur bei Tabellen, die nicht über die komplette Breite gehen.
Die Tabellen haben ja funktioniert. Ich habe nur den Inhalt geändert, nicht die Breite, aber seitdem funktioniert es nicht mehr.
Ich habe nun allerdings eine Lösung gefunden: Über die Rollover-Einstellungen kann man es korrigieren.
Umständlich, aber es funktioniert.
<style>
@media (max-width: 1149px){
#imTableObject_10_48_tab0 table,
#imTableObject_10_56 table
{width:100% !important} }
</style>
.....................................................
... oder mit diesem anderen Code, der zwar lange Worte kürzt, aber immer lesbar ist:
<style>
@media (max-width: 1149px){
#imTableObject_10_48_tab0 table,
#imTableObject_10_56 table
{word-break:break-all;width:100% !important} }
</style>
... wird der Code, den Sie verwenden werden, in die Seiteneigenschaften in diesem Abschnitt eingefügt:
>> Schritt 3 - Sitemap > 'Eigenschaften der Seite' Fenster > Funktionen im Bereich Erweitert | ▪Benutzerdefinierter Code: > 3^(dritte) Option > Vor dem </HEAD> Tag
.
ciao
.