Tabelle responsiv 
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
Dies geht mit individuellem Code.
http://quellidelcucuzzolo.blogspot.com/2015/12/tabella-catalogo-prodotti-website-x5-12.html
JJ.
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.
.
Autor
Hallo. Leider kann ich kein italienisch. Könntest du den Code hier posten?
...
(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
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?
- > word-break: break-all;
+ > word-break: break-word;
.
ciao
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>
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.
... OK ... Andreas S. ...
...
.................
<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...
...
.