Lovelace Table

[naitsimp (Christian)]

Hi,

I want to display various Sensor Data with a Table and want to define each cell.
Somethig like this:

|    Name     |  value 1   |  value 2  |
| Name 1      |     20     |     10    |
| Name 2      |     40     |     35    |
.....

I can’t find a Lovelace Plugin which does this.
I already tried flex-table-card (I don’t want to use a wildcard) and config-template-card but I think it can’t do what I want.

Any tips?

[koying (Chris B)]

Markdown Card

Not sure if table extension is supported, though.

[naitsimp (Christian)]

Thanks but I think it isn’t.
https://commonmark.org/help/

[naitsimp (Christian)]

Well. this might work: https://github.com/PiotrMachowski/lovelace-html-card

[123 (Taras)]

The Markdown Card supports markdown tables.

Example:

Display recently triggered automations

Goal Display a list (in the UI) of all automations, sorted by last_triggered in reverse-chronological order (i.e. the most recently triggered automation appears first). Each row should display the automation’s name and the elapsed time since it was triggered (showing days, hours, and minutes). Previous Solution In the past I used the Auto-Entities Card to easily achieve the goal. A minor drawback is that the appearance is a bit cluttered because each row also shows an automation icon and a to…

[koying (Chris B)]

Works with github flavoured tables

[naitsimp (Christian)]

Thank you both.

[123 (Taras)]

You’re welcome!

For future reference, you can only mark one post, with the Solution tag, in the entire thread. I noticed you had tried to mark mine and koying’s post with the Solution tag (because both confirmed tables are supported in the Markdown Card), but only the last post you try to tag is the one that gets marked.

For more information, refer to guideline 21 in the FAQ.

[paddy0174 (Patrick)]

Just to note, the table in the first post isn’t working, because the “divider” in the second line is missing.

# this will not work (post#1)
|test1|test2|test3|
|entry1|entry2|entry3|

# this will work
|test1|test2|test3|
|---|---|---|
|entry1|entry2|entry3|

Markdown is very explicit here, especially the Github flavored one. And before I forgot, tables in Markdown must have a table header. Without it, they won’t work as well… Ask how I know…

[koying (Chris B)]

@paddy0174

Markdown is very explicit here, especially the Github flavored one

Just for pedantry, there is no notion of tables in “plain” markdown.
I know at least 3 different extensions for tables, the github one being the most common.

See the pandoc (a mardown converter) table doc for various syntaxes in use.

Can of worms

[naitsimp (Christian)]

Is there a other way to get the columns more apart than the hack I used?
| -    EUR    - | -    USD    - |

[paddy0174 (Patrick)]

Use alignment in the table header.

|test1|test2|test3|
|:--|:-:|--:|
|left aligned|centered|right aligned|

The colon is your friend here.

EDIT: @koying You’re totally right, I always use the Github flavored markdown.

[123 (Taras)]

@naitsimp

get the columns more apart than the hack I used?

In the link I posted, the example uses a blank table column to introduce some spacing between the columns. It has five columns and the fourth one is blank.

[naitsimp (Christian)]

Thanks I did that:

| Name | -    EUR    - | -    USD    - |
| :- | :-: | :-: |

Thats tot close for my taste:

 | Name | EUR | USD |
 | :- | :-: | :-: |

EDIT: Thanks @123 I will try and insert plank columns.

[naitsimp (Christian)]

Thanks.
I works. Amazing.

| Name |     | EUR |     | USD |
| :-- | :-:  | :-: | :-: | :-: |

This also works:

| Name  |     EUR     |     USD     |
| :- | :-: | :-: |