Einsatzliste mit Jahresangabe unregelm??ige Spaltendarstellung

  • Resolved thunderbirdy

    (@thunderbirdy)


    3 years, 11 months ago

    Hallo Kameraden,

    wir versuchen gerade unsere Eins?tze mit Hilfe der Einsatzliste in einer Tabelle darzustellen.
    Die Eins?tze an sich werden korrekt dargestellt, aber die Liste an sich ist optisch nicht optimal.
    Innerhalb eines Jahres werden die Spalten korrekt untereinander dargestellt. Wechselt das Jahr, erscheint zwar die erste Spalte noch korrekt, aber alle anderen Spalten sind nach rechts verschoben.

    Wenn ich options=compact eintrage, dann stimmt die Formatierung der Tabelle, aber wir h?tten gerne die jahreszahlen in der Tabelle gehabt.

    Hat von Euch jemand eine Idee?

    Viele Grü?e
    Robert

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Andreas Brain

    (@abrain)

    Hallo Robert,

    das liegt daran, dass Webbrowser die Spalten von Tabellen automatisch nach dem Inhalt skalieren. Nummer, Datum, Uhrzeit und Dauer sind ja so gut wie immer gleich lang, aber die Eintr?ge bei Einsatzart, Einsatzmedung und Einsatzort variieren von der L?nge her. Mit ausreichend hoher Anzahl Eins?tze pro Jahr ruckelt sich das wahrscheinlich hin, aber das ist nicht die optimale L?sung.

    Neben der compact-Option, die du bereits ausprobiert hast, g?be es noch die Variante, mit CSS den Tabellenspalten eine feste Breite zuzuweisen. Eine beispielhafte Verteilung h?nge ich hier mal an. Die Werte k?nnen noch nach eigenem Ermessen ver?ndert werden, die Spalten teilen sich die 100 % der Gesamtbreite der Tabelle. Eigenes CSS kann im Customizer unter dem Punkt Zus?tzliches CSS eingefügt werden, wobei man gleich eine Live-Vorschau erh?lt.

    .einsatzverwaltung-reportlist .einsatz-column-number { width: 6%; }
.einsatzverwaltung-reportlist .einsatz-column-date { width: 7%; }
.einsatzverwaltung-reportlist .einsatz-column-time { width: 5%; }
.einsatzverwaltung-reportlist .einsatz-column-incidentType { width: 20%; }
.einsatzverwaltung-reportlist .einsatz-column-title { width: 32%; }
.einsatzverwaltung-reportlist .einsatz-column-location { width: 20%; }
.einsatzverwaltung-reportlist .einsatz-column-duration { width: 10%; }

    Viele Grü?e,
    Andreas

    Thread Starter thunderbirdy

    (@thunderbirdy)

    Vielen Dank für den Code.
    Jetzt sieht es strukturierter aus.

    Viele Grü?e
    Robert

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Einsatzliste mit Jahresangabe unregelm??ige Spaltendarstellung’ is closed to new replies.