Lovelace UI : Tableau multi lignes et colonnes

Entraide Home Assistant
,
1

Bonjour,

Mon problème

Je cherche à créer une carte avec un tableau de plusieurs lignes et colonnes

Ma configuration

HA + Lovelace UI

Ça semble être une demande assez basique, mais je ne vois pas bien comment le faire avec Lovelace UI sans autres extensions (pour commencer).

image
image757×112 2.53 KB

Dans ce tableau les libellés sont « libres ». Juste un texte saisi par moi.
Les icônes sont celles de HA/Lovelace.
Les seules valeurs dynamiques venant des mes thermomètres sont les températures et les pourcentages d’humidité.

Une idée comment faire ça, svp ?

Cordialement,
Artur

2

Empile des cartes heading ( en-tête) avec les entités associées.

Un exemple la:

3

Salut,
si tu tiens vraiment au tableau, tu peux le faire en html directement dans une carte Markdown…

Exemple:

<table border=1 width=100%>
<tr><td>Salon</td><td><ha-icon icon="mdi:thermometer-auto"></ha-icon></td><td>{{states('sensor.thermo_salon_temperature')}} °C</td></tr>
<tr><td>Bureau</td><td><ha-icon icon="mdi:thermometer-alert"></ha-icon></td><td>{{states('sensor.thermo_bureau_temperature')}} °C</td></tr>
<tr><td>Exterieur</td><td><ha-icon icon="mdi:thermometer"></ha-icon></td><td>{{states('sensor.temp_exterieur')}} °C</td></tr>
</table>

image

1 « J'aime »
4

Je ne tiens pas particulièrement au tableau html. C’est le rendu final qui m’intéresse.
Il faudrait que ça soit bien aligné, horizontalement et verticalement sur chaque ligne/colonne. C’est tout.

5

Si tu veux être sur de l’alignement vertical il vaut mieux le tableau markdown…

6

Bon, désolé, vous avez tous les deux apporté une solution qui marche, mais on peut pas avoir deux solutions pour un même sujet. Merci à vous en tout cas.

7

Mais du coup j’ai encore une question qui est liée.
J’affiche les valeurs de la température et de l’humidité, mais elles ne sont pas cliquables.
Y a-t-il une façon simple d’accéder à l’historique de ces valeurs, svp ?

8

En markdown peut être en créant des liens?

Avec les cartes heading, oui, c’est intégré.

Il faut pour chaque mini entité définir l’interaction que tu veux.

Par défaut c’est « ne rien faire » mais si tu sélectionne « plus d’info » tu auras le mini historique associé.

Exemple (avec 2x la même carte, mais c’est pour aller vite…)

image
image757×200 7.37 KB

si tu cliques sur la temperature, tu as le plus d’info du sensor:

image
image934×755 36.5 KB

le code de la carte heading:

type: heading
heading: Bureau
heading_style: subtitle
icon: mdi:desk
tap_action:
  action: navigate
  navigation_path: /lovelace-smartphone/bureau
badges:
  - type: entity
    show_state: true
    show_icon: true
    entity: sensor.vindstyrka_temperature
    tap_action:
      action: more-info
  - type: entity
    show_state: true
    show_icon: true
    entity: sensor.vindstyrka_humidity
    tap_action:
      action: more-info
  - type: entity
    show_state: false
    show_icon: true
    entity: binary_sensor.detecteur_presence_bureau_occupancy
    color: accent
    icon: mdi:motion-sensor
    tap_action:
      action: more-info
9

Je pense du coup tout faire avec des cartes headings, « En-tête » dans l’interface française.
J’avais loupé ce paramétrage, il n’est pas au niveau de la carte, mais au niveau de l’entité… Merci.

1 « J'aime »