Header und Footer

Spaltenüberschriften

Die Karte bestimmt die Überschrift einer Spalte in dieser Reihenfolge:

1. name
2. id
3. data

columns:
  - name: Geraet
    data: name
  - id: battery
    data: state
  - data: area

Eine leere Überschrift ist möglich:

columns:
  - name: ""
    data: icon

Icons im Header

columns:
  - name: Batterie
    icon: mdi:battery
    data: state
    align: right

Die Ausrichtung der Zellen beeinflusst auch die Ausrichtung des Headers.

Footer aktivieren

display_footer: true

Danach kann pro Spalte festgelegt werden, was im Footer berechnet oder angezeigt wird.

Wert	Bedeutung
sum	Summe
average	Durchschnitt
count	Anzahl
max	höchster Wert
min	niedrigster Wert
text	fester Text

Beispiel mit Summenzeile

type: custom:flex-table-card
title: Werte nach Land
entities: []
display_footer: true
columns:
  - name: Land
    data: rows.country
    footer_type: text
    footer_text: "Gesamt:"
  - name: Wert
    data: rows.value
    fmt: number
    align: right
    footer_type: sum
    footer_modify: x.toFixed(0)
static_data:
  rows:
    - country: Deutschland
      value: 120
    - country: Frankreich
      value: 90

Footer per CSS gestalten

css:
  tfoot th: "text-align: right; font-weight: 700;"
  tfoot *: "border-style: solid none none none;"

Original-Beispielbild: FlexTableFooterExample.png