Markdown - Tabellenthematik

Dashboard/Cards/Frontend
1

Hallo Community,

ich habe eine echte Herausforderung, an der ich gerade verzweifel.

image

Ich möchte mir eine kleine Tabelle basteln, in der die nächsten drei Züge stehen.
Ich arbeite im Markdown.
Bei dem Test mit der || -Formatierung bin ich mit dem Symbol in der ersten Spalte unzufrieden - nicht zentriert.

||<font size=2>Zugart|<font size=2>Abfahrt|<font size=2>Dauer|<font size=2>Ankunft|<font size=2>Umsteigen|
|:---:|:-----------:|:------------------:|:------------------:|:---------------:|:-----------------:|
|<ha-icon icon="mdi:train"></ha-icon>&nbsp;&nbsp;&nbsp;|<font size=2>{{state_attr("sensor.mulheim_bahnhof_koln_to_aachen_hbf", "departures")[0].products }}|<font size=3>{{ state_attr("sensor.mulheim_bahnhof_koln_to_aachen_hbf",
    "departures")[0].departure }}Uhr <font size=2> + {{
    state_attr("sensor.mulheim_bahnhof_koln_to_aachen_hbf",
    "departures")[0].delay }}Min&nbsp;|<font size=2>{{
    state_attr("sensor.mulheim_bahnhof_koln_to_aachen_hbf",
    "departures")[0].time }}|<font size=3>{{
    state_attr("sensor.mulheim_bahnhof_koln_to_aachen_hbf",
    "departures")[0].arrival }}Uhr <font size=2>+ {{
    state_attr("sensor.mulheim_bahnhof_koln_to_aachen_hbf",
    "departures")[0].delay_arrival }}Min|<font size=2>{{
    state_attr("sensor.mulheim_bahnhof_koln_to_aachen_hbf",
    "departures")[0].transfers }}x|

Bei der Formatierung in HTML - bekomme ich zwar das Symbol zentriert, allerdings nicht den Text in den einzelnen Spalten…

<table border="0">
  <tr>
    <th rowspan="2"> <ha-icon icon="mdi:train"></ha-icon></th>
    <th><font>&nbsp;Zugart&nbsp;</font></th>
    <th>Abfahrt</th>  
    <th>&nbsp;&nbsp;Dauer&nbsp;&nbsp;</th>
    <th>Ankunft</th>  
    <th>Umsteigen</th>
  </tr></font>
  <tr>
    <td text-align:center><font size=1>{{
    state_attr("sensor.mulheim_bahnhof_koln_to_aachen_hbf",
    "departures")[0].products }}</font></td>
    <td><font size=1>{{ state_attr("sensor.mulheim_bahnhof_koln_to_aachen_hbf",
    "departures")[0].departure }} Uhr + {{
    state_attr("sensor.mulheim_bahnhof_koln_to_aachen_hbf",
    "departures")[0].delay }} Min</font></td>
    <td><font size=1>{{
    state_attr("sensor.mulheim_bahnhof_koln_to_aachen_hbf",
    "departures")[0].time }} </font></td>
    <td><font size=1>{{
    state_attr("sensor.mulheim_bahnhof_koln_to_aachen_hbf",
    "departures")[0].arrival }} Uhr + {{
    state_attr("sensor.mulheim_bahnhof_koln_to_aachen_hbf",
    "departures")[0].delay_arrival }} Min</font></td>
    <td text-align:center><font size=1>{{
    state_attr("sensor.mulheim_bahnhof_koln_to_aachen_hbf",
    "departures")[0].transfers }}x</font></td>
</table>

Hat einer einen Tipp?

Weitere Themen, die in dem Zusammenhang noch offen sind:

  1. Zugart ohne die Klammern / Zusatzzeichen
  2. Filtern von einzelnen Zugtypen