WebSite X5Help Center

 
Michael F.
Michael F.
User

Tabelle responsiv  de

Autor: Michael F.
Besucht 700, Followers 1, Geteilt 0  

Ich benötige für einen Veranstaltungskalender eine Tabelle. Die sollte aber natürlich responsiv sein. Leider ist das ja immer noch nicht gegeben :-( Hat jemand eine Idee, wie ich eine responsive Tabelle bauen kann? Code? Workaround? Script? Das Objekt "Calendar" ist leider keine Option.

Ich habe gerade gelesen, dass es dafür schon eine Lösung geben soll - leider habe ich die jedoch nicht gefunden.

Gepostet am
9 ANTWORTEN - 1 NüTZLICH
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats FRNutzer des Monats PL

x Michael F.  ... ... platziere den Link der Seite mit der Tabelle,
mit einem kleinen Code von mir auswerten zu können
es ist möglich, den Tisch zu machen
"elastisch" ja, aber nicht responsive.

(IT) ... posta il link della pagina con la tabella,
per poter valutare se con un mio piccolo codice
è possibile rendere la tabella
"elastica" sì, ma non responsive.

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Michael F.
Michael F.
User
Autor

Hallo. Leider kann ich kein italienisch. Könntest du den Code hier posten? 

Mehr lesen
Gepostet am von Michael F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats FRNutzer des Monats PL

... 

 ‪ KolAsim ‪ ‪
... platziere den Link der Seite mit der Tabelle, ... ... ... ...  (IT) ... posta il link della pagina con la tabella, ... ... ... ... 

(google translate) - Sie haben den Link nicht gepostet ... ...
Wenn Sie jedoch keine zusätzliche Anpassung benötigen, Siehe meinen Grundcode hier:   https://helpcenter.websitex5.com/de/post/178276#comment5

ciao

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Michael F.
Michael F.
User
Autor

Ja super, vielen Dank. ich habe noch eine Frage: leider werden die Wörter im zeilenumbruch mittendrin getrennt - das sieht sehr komisch aus. Gibt es da auch eine Lösung, so dass kein Wort getrennt wird sondern das komplette Worte in die nächste Zeile rutscht?

Mehr lesen
Gepostet am von Michael F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats FRNutzer des Monats PL

- >  word-break: break-all;

+ >  word-break: break-word;

.

ciao

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Michael F.
Michael F.
User
Autor

Wie baue ich den Code genau ein? So funktioniert das leider nicht:

<style> table {word-break: break-all;} </style>
<script> $( document ).ready(function() { $("table").css("width", "");});

- >  word-break: break-all;

+ >  word-break: break-word;


</script>

Mehr lesen
Gepostet am von Michael F.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Du sollst auch nicht das wörtlich (bzw. schriftlich) nehmen, sondern du sollten den Code ersetzen.  Das Zeichen " ->" heisst du sollst es löschen und +> heisst du sollst dies einfügen.

Mehr lesen
Gepostet am von Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats FRNutzer des Monats PL

... OK ... Andreas S. ... wink ...

.................

<style> table {word-break: break-word;} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>

.

ciao

ps: ... ... in den unteren Breakpoints, wo nötig, könnte der Text elastisch machen (%), aber um den LINK auszuwerten ...
(IT) ... ... nei breakpoint inferiori, ove necessario, di potrebbe rendere il testo elastico (%), ma per valutare occorre il LINK...
...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪