1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Tabellen Ansicht

Dieses Thema im Forum "Plugins und Widgets" wurde erstellt von black82, 16. Dezember 2016.

  1. black82

    black82 Well-Known Member

    Registriert seit:
    3. Dezember 2016
    Beiträge:
    51
    Zustimmungen:
    0
    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.
     
    #1 black82, 16. Dezember 2016
  2. danielgoehr

    danielgoehr Well-Known Member

    Registriert seit:
    13. Juli 2016
    Beiträge:
    2.674
    Zustimmungen:
    128
    #2 danielgoehr, 16. Dezember 2016
  3. black82

    black82 Well-Known Member

    Registriert seit:
    3. Dezember 2016
    Beiträge:
    51
    Zustimmungen:
    0
    der thread hat mir den anderen nichts weiter zu tun. hier geht es um verschiedene ansichten zwischen pc und mobil geräten im allgemeinen
     
    #3 black82, 16. Dezember 2016
  4. danielgoehr

    danielgoehr Well-Known Member

    Registriert seit:
    13. Juli 2016
    Beiträge:
    2.674
    Zustimmungen:
    128
    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...

    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.



    Ja das geht auch.

    z.B. so:


    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Damit blendest du die dritte Spalte einer Tabelle aus, wenn der Bildschirm weniger als 400px breit ist.



    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.
     
    #4 danielgoehr, 16. Dezember 2016
    Zuletzt bearbeitet: 16. Dezember 2016
  5. black82

    black82 Well-Known Member

    Registriert seit:
    3. Dezember 2016
    Beiträge:
    51
    Zustimmungen:
    0
    ok, danke dir. die 2. möglichkeit geht wahrscheinlich nicht so richtig, da die Tabelle keinen eigenen namen hat.
     
    #5 black82, 16. Dezember 2016
  6. danielgoehr

    danielgoehr Well-Known Member

    Registriert seit:
    13. Juli 2016
    Beiträge:
    2.674
    Zustimmungen:
    128

    https://cfdbplugin.com/?page_id=93

    Guck mal nach den Attributen "class" und "id" ;)
     
    #6 danielgoehr, 16. Dezember 2016
  7. black82

    black82 Well-Known Member

    Registriert seit:
    3. Dezember 2016
    Beiträge:
    51
    Zustimmungen:
    0
    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
     
    #7 black82, 17. Dezember 2016
  8. black82

    black82 Well-Known Member

    Registriert seit:
    3. Dezember 2016
    Beiträge:
    51
    Zustimmungen:
    0
    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
     
    #8 black82, 17. Dezember 2016
  9. danielgoehr

    danielgoehr Well-Known Member

    Registriert seit:
    13. Juli 2016
    Beiträge:
    2.674
    Zustimmungen:
    128
    Gerne! Freut mich, dass es jetzt so passt.

    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:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #9 danielgoehr, 17. Dezember 2016
  10. black82

    black82 Well-Known Member

    Registriert seit:
    3. Dezember 2016
    Beiträge:
    51
    Zustimmungen:
    0
    ich meinte die klammer

    .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
     
    #10 black82, 17. Dezember 2016
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden