Responsive Tabellen - Leiste zum verschieben auf Smartphone immer Sichtbar 
Autor: STS E.Hallo Zusammen,
ich habe das Problem das egal wie klein die Tabelle ist, in der Darstellung auf dem Smartphone (der kleinsten größe) ist immer der verschiebe Regler zusehen.
Selbst wenn man garnichts verschieben kann!
Hab alle möglichen Forems schon durchgeschaut und bin nur auf den Hinweis gestoßen das man hier einen Code in die Website einarbeiten muss damit dies funktioniert.
Leider bin ich kein Programmierer und habe bisher nicht herausfinden können wo man diesen überhaupt einfügen muss, da das Programm ja hierzu zahlreiche möglichkeiten dafür bietet.
Und ich wollte erfragen ob es wirklich keine andere Möglichkeit dafür gibt und man wirklich einen Code dafür einfügen muss.
Hier noch der Link zur Seite wo es mit dem Code gelöst wurde.
Danke schonmal für eure Antworten!
Du kannst den Code verwenden...
<style> table {word-break: break-word;} </style><script> $( document ).ready(function() { $("table").css("width", "");}); </script>
diesen entweder nur auf der Seite wo die Tabelle liegt bei "3" Eigenschaften Reiter "Erweitert" vor dem </head> Tag einfügen.
Oder für die ganze Website unter "1" Statistiken&Code Reiter "Code" vor dem </head> TAG!
Autor
Die Tabelle passt sich jetzt mit diesem Code an jedes Format an, danke dafür schonmal!
Allerdings wird mir trotzdem noch immer der untere Balken angezeigt, wie im Bild, jetzt sogar in allen 4 Ansichten obwohl die Tabelle nicht größer ist als die Seite und man sie auch garnicht verschieben kann.
Ist nur ein dünner grauer Balken mit den Pfeil Richtungen.
Das kommt wahrscheinlich daher. dass du mit den Tabellen über den maximalen Rand kommst. Du musst die letzte Tabelle rechts nach links schieben vor die senkrechte Linie.
Autor
Leider ist das nicht so.
Auch wenn ich die Tabelle bis hinter die Linien ziehe im Objekt Tabellen Menü, es wird mir immer in der Smartphone version dieser Balken unten angezeigt. Hab das sowohl bei meiner 1 Website gehapt als auch bei meiner 2 Website. Hab die Tabelle auch mal so klein wie möglich gemacht und es zeigt mir trotzdem immer den Balken unten an.
Hier nochmal 2 Bilder
Tritt das Problem bei deinen Websiten nicht auf mit den Tabellen?
Deine Seite besitzt 4 Umbruchpunkte. Vergößere doch mal den für die Desktop-Breite um einen markanten Wert, damit die Webseite bei der Generierung durch STRG + Vorschau bezüglich ihrer Viewports 'aufgemicht' wird.
... bzw. 'spiel' mal mit den Umbruchpunkten.
(It > De) ... ... der von Ihnen verwendete Code ist eine alte Erfindung von mir, die auch Varianten hat, aber wenn Sie Ihren LINK posten, könnten Sie eine bessere und / oder korrektere dedizierte Lösung verwenden, auch um den grauen Balken zu beseitigen, wie ich ihn beispielsweise in gelöst habe dieses Thema:
https://helpcenter.websitex5.com/de/post/244156
.
ciao
.
Autor
Wo genau stell ich den die Umbruchspunkte ein bzw. wo finde ich diese?
Kenne jetzt nur die kleinen Punkte unterhalb einer Seite wo man die größe der Zeile bzw. Spalte verändern kann. Hier passiert jedoch nichts nennenswertes.
Und bei Zeilenumbrüche unter Responsive kann ich leider nichts eingeben sondern nur einen Umbruch erstellen.
Auch unter Struktur des Templates ist mir jetzt nichts aufgefallen wo ich diesen verändern könnte.
... vielleicht habe ich es nicht verstanden, ... aber leider wie gesagt, ich brauche den LINK, um überprüfen und bewerten zu können, ... zum Beispiel wie in dem Thema, das ich dir angegeben habe, und alles würde vereinfacht werden...
... ohne LINK kann ich nicht mehr anbieten, aber wenn der Code schon zu Dir passt, mach weiter so...
.
Das wäre hier. Ich weiß leider nicht, wie eingeschränkt die EVO an dieser Stelle gegenüber der PRO-Version ist:
Autor
Leider hat das nichts gebracht.
Autor
Hab deine Nachricht leider zuspät gelesen.
Die Seite ist noch nicht online deswegen kann ich dir leider keinen Link schicken, bzw. hab ich nicht ganz verstanden wie man eine Testseite online stellt wie bei dir in einem anderen Forum angegeben.
Ich glaube aber nicht das es am Code liegt. Der macht ja was er soll. Das Problem mit dem Balken hatte ich ja schon vor dem Code. Meiner Meinung nach liegt das Problem eher an Einstellungen bei mir im Programm.
Allerdings hatte ich auf einer Website mit einem vorgefertigtem Template angefangen und bei dem anderem mit einem komplett Leerem Template wo ich alles selbst gestaltet habe und bei beiden tritt dieses Problem auf.
Danke aufjedenfall für eure Antworten bisher!
... OK ... wenn du den LINK setzen kannst, komme ich hierher zurück ... Tschüss, ...ciao...
.
Erstelle doch mal ein Projekt auf der Basis des Templates 'Empty'. Platziere ein Tabellenobjekt, so wie du es gemacht hast. Wenn der Fehler auch hier auftreten sollte, dann exportiere das Projekt über '5 Export > Projekt exportieren' in eine iwzip-Datei und lade sie hier über das Upload-Icon hoch.
@ KolAsim: Vielen Dank für den Link (https://helpcenter.websitex5.com/de/post/244156)
Autor
Bei dem Template "Empty" tritt der Fehler ebenfalls auf.
... danke für Feedback...
... dieser Tisch braucht keine Elastizität ...
... und um die graue Linie loszuwerden, verwenden Sie diesen Code (3°>/HEAD):
<style>
@media(max-width:719px) {
#imTableObject_01 {overflow-x: hidden !important}}
</style>
.
Autor
Vielen Dank KolAsim für den Code. Dieser macht bei dem Template "Empty" tatsächlich das was er soll.
Leider bei meinem Template noch nicht. Könntest du den Code vllt. an das Template noch anpassen?
Ich hätte hier den Link für die andere Internetseite die auch schon online ist. Hier sind in der Datenschutzerklärung auch ein paar graue Balken zumindest werden diese mir in WebSiteX5 so angezeigt (den Code hab ich schon in die Seite gepackt).
Vielen Dank.
Ohne es zu sehen kann der Selektor nicht bestimmt werden. Du musst uns schon zeigen auf welcher Seite das Tabellenobjekt ist. In der Datenschutzseite jedenfalls nicht.
... OK ... der Code, der für die Seite Ihres LINKs "datenschutz.html" angepasst wurde, um die grauen Balken zu beseitigen, ist dieser:
<style>
@media(max-width:1149px) {
div[id^='imTableObject_7_'] {overflow-x: hidden !important}}
</style>
... wenn Sie den LINK einer anderen Tabelle haben, lassen Sie es mich wissen...
.
ciao
.
Autor
Vielen Dank KolAsim! Der Code hat die Balken in der Datenschutzerklärung verschwinden lassen.
Diese sind nur in der Smartphone ansicht sichtbar.
Bei der anderen Seite, wo die grauen Balken ebenfalls zusehen sind, funktioniert der Code zwar immer noch nicht aber ich werde mich einfach nochmal an euch wenden wenn die Internetseite online ist und ich euch die Seite hier verlinken kann.
Danke auf jedenfall für eure Hilfe.