Tabellen automatisch an Bildschirmgröße anpassen 
Author: Ngoc-Duc Pham
Visited 1598,
Followers 1,
Shared 0
Hallo, vielleicht ist hier jemand, der mir bei meinem Problem helfen kann. Ich möchte auf meiner Homepage eine Tabelle mit 3 Spalten erstellen, die sich je nachdem mit welchem Gerät (Smartphone, Tablet oder PC) automatisch vergrößert oder verkleinert (sich anpasst). Die Seite, welche die Tabelle beinhaltet, passt sich schon an, wenn ich in der Vorschau oben auf das entsprechende Gerät klicke. Ich benutze die Version 2020.1.7. Hoffe es gibt eine einfache Lösung, da ich kein Programmierer bin.
Posted on the
Eine einfache Lösung gibt es aber nicht; lies mal diesen Post https://helpcenter.websitex5.com/en/post/216213
(It > De) ... anstelle der Tabelle können Sie die normalen Zellen im Layoutraster verwenden ...
... oder, auf Vorschlag von Franz-Josef H., sollten Sie Ihren LINK veröffentlichen, um die reale Situation online überprüfen zu können ...
ciao
.
Author
Hallo Franz-Josef, hallo KolAsim,
ich werde es mal testen. Danke für die schnelle Antwort.
Author
Hi KolAsim, wie erstelle ich normale Zellen im Layoutraster? Finde die Option oder das Objekt nicht. Ist es ein Textobjekt oder ein HTML-Objekt?
Kommt darauf an, was die Tabelle enthalten soll. Bei Text nimmst Du ein Text-Objekt, bei Bildern ein Bild-Objekt. HTML-Objekt nimmst Du, wenn Du HTML-Code hast.
Es sollte nicht verwechselt werden zwischen Tabellen-Objekt und Rastergitter unter "4" Seiten!
Im Rastergitter kannst du verschiedene Objekte einfügen die sich dann responsive anpassen.
Im Tabellen-Objekt wird von Haus aus Schiebebalken aktiviert wenn es sich responsive nicht ausgeht. Dynamisch kannst du das Tabellen-Objekt nur mit einem Code aktivieren den du zusätzlich eingeben musst.
(It > De) ... ja, mit Textobjekten, Bildern usw...
... aber in einigen Fällen ist die Tabelle nützlich, aber im Allgemeinen hat sie einen festen Aspekt ...
... vor ein paar Jahren habe ich diesen Code für einfache, nicht überfüllte Tabellen erstellt, wodurch die Tabelle nicht mehr reagiert (no! responsive), aber elastisch ist und fast 100% der Fälle gelöst wird ...
... um eine bessere Bewertung zu erhalten, sollten Sie den Link Ihrer Seite mit der Tabelle einfügen ...
... Wenn Sie es versuchen möchten, ist der Code sehr einfach, er wird mit einem Copy-Paste verwendet und der grundlegende Code lautet:
<style> table {word-break: break-word} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>
... zum Einfügen in den Expertenbereich der Seite, Benutzerdefinierter Code, 3. Option: Vor dem Schließen des / HEAD-Tags
... bei Schwierigkeiten benachrichtigen ...
... alternativ können Sie in einigen Fällen diesen Code anstelle des vorherigen verwenden:
<style> table {width:100% !important;word-break: break-word} </style>
.
ciao
.