HTML/CSS Tabelle Responsive?

[Luftikus99]

Hi, bin noch recht frisch was Webdesign angeht und kann leider auch nur ein paar html Basics vorweisen. Bei CSS hört es sich auch schon wieder auf... Zumindest derzeit
Ich möchte auf meiner Website eine Tabelle umsetzen wie ich sie hier finden konnte:
Hat jmd. eine Idee wie man das einfach und ohne große Programmierkenntnisse umsetzen kann? Bitte nich gleich steinigen weil mir da etwas der Plan fehlt

Gerne nehme ich auch andere Vorschläge zur Umsetzung auf. Wichtig ist nur, sie soll mobil gut anzusehen sein und auch lesbar. Reine html Tabellen fand ich da nicht so ansprechend

 

[Paladin]

Ohne lernen und lesen kommst du aus der Nummer nicht raus.
Schau dir für den Anfang Bootstrap an, dann ist deine Seite responsive und deine Tabelle - wenn du es möchtest - auch:
https://getbootstrap.com/css/

 

[Smssam]

Ohne was böses zu unterstellen, aber ich glaube ihm ging es nicht explizit um Hilfe ;-)

Geändert von Totte (22.07.2017 um 06:17:54 Uhr) Grund: Link ...

 

[Luftikus99]

Danke Paladin, sieht auf jeden Fall nach viel Arbeit für mich aus

@Smssam, mir ging es eigentlich schon um Hilfe. Die Tabelle die ich als Beispiel angeführt hatte ist interaktiv und ich dachte mit einem Link wäre mein Anliegen deutlich schneller geklärt.

 

[CyberCharlie]

Viele Wege führen nach Rom...

Mit CSS-Tricks lässt sich das klassische TABLE-Element „responsive“ machen.

Alternativ geht es mit einem CSS-Grid aus DIV-Containern oder anderen Blockelementen, die sich wie eine Tabelle „anfühlen“.

Googlen nach „responsive table“ bringt die verschiedenen Möglichkeiten zu Tage.

Ein Beispiel dafür, wo es sich nicht lohnt, das Rat neu zu erfinden... Oder eben gleich auf die entsprechenden Features von einem großen Frontend-Framework wie Bootstrap zurückgreifen.

 

[Luftikus99]

Danke für den Hinweis

 

[FraBu81]

Schau Dir mal das jQuery-Plugin FooTable an. Setz ich selbst auch ein.
https://github.com/fooplugins/FooTable