• Hallo.

    Gibt es eine Möglichkeit eine Tabelle auf dem PC und auf Handys anders darzustellen?

    [cfdb-table form="Test" show="Nachname,Vorname,Wert1,Wert2,Wert3,Bemerkung" headers="Wert1=Termin 1,Wert2=Termin 2,Wert3=keiner davon" orderby="Nachname,Vorname"]

    und das man für das handy zum beispiel die spalten Wert3 und Bemerkung weglässt.

    Geht das zu machen? und wie kann man das einbinden.

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Ok, für mich ist der zweite Thread die exakte Fortführung des ersten und dieser hier knüpft nahtlos an den zweiten an. Aber das mal beiseite...

    Gibt es eine Möglichkeit eine Tabelle auf dem PC und auf Handys anders darzustellen?

    Das beste wäre nach wie vor (siehe letzter Thread) deine Daten gar nicht erst als Tebelle auszugeben.

    Wenn du trotzdem dabei bleiben möchtest, kannst du es zum Beispiel folgendermaßen probieren:

    http://johnpolacek.github.io/stacktable.js/

    Das Script habe ich selbst schon mehrmals verwendet (wenn es sich um Daten handelt, die wirklich als Tabelle dargestellt werden sollen/müssen) und es funktioniert in vielen Fällen wirklich gut.


    das man für das handy zum beispiel die spalten Wert3 und Bemerkung weglässt.


    Ja das geht auch.

    z.B. so:


    Damit blendest du die dritte Spalte einer Tabelle aus, wenn der Bildschirm weniger als 400px breit ist.


    Geht das zu machen? und wie kann man das einbinden.

    Für die erste Variante steht alles auf der verlinkten Seite. Die zweite Variante kommt einfach ins Custom-CSS deines Themes oder ans Ende der style.css deines (Child-)Themes.

    Einmal editiert, zuletzt von danielgoehr (16. Dezember 2016 um 16:25)

  • ich habe jetzt den code eingebettet

    Media screen and (max-width: 760px) {


    .UmfrageVM tr td:nth-child(3){


    display:none;}


    .UmfrageVM tr td:nth-child(4){


    display:none; }
    }

    das problem dabei ist nur das man den tabellenkopf der 2 spalten immer noch sieht

  • ich habe jetzt dein td durch th ersetzt und jetzt sind die spalten komplett weg.

    Vielen dank für deine Hilfe, hast mir sehr geholfen.


    eine letzte frage dazu. kann man die beiden spalten auch gemeinsam in der klammer angeben? wenn ja wie?


    MfG Black


  • Vielen dank für deine Hilfe, hast mir sehr geholfen.

    Gerne! Freut mich, dass es jetzt so passt.


    eine letzte frage dazu. kann man die beiden spalten auch gemeinsam in der klammer angeben? wenn ja wie?

    Du meinst zusammenfassen? Ja kann man. Du kannst die Elemente einfach per Komma trennen.

    Ich mache das jetzt mal an einem simpleren Beispiel, damit es etwas übersichtlicher ist:

    Code
    .element1, .element2
    {
    
    
    /* diese Regeln gelten dann für beide */
    
    
    }
  • ich meinte die klammer

    [COLOR=#333333].UmfrageVM tr td:nth-child(3) , ob ich da die ganzen spalten hinzufügen könnte als (4,7,9) zb.
    habe nämlich verschiedene varianten probiert und nichts gefunden[/COLOR]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!