Table examples in JS for dashboard

[Rogier_Verheugen]

Hi all,

Are there people who want to share some JavaScript tables which I can customise and use in the ‘Enhanced Device Widget’ app for my Homey dashboard

Maybe a 3x4 table.

I have no knowledge on JS but willing to learn.

Thank you so much.

Rogier

[Anders_Gregow]

Search for Enhanced Device Widget and you will find examples.

The app has a thread in this community where this already is discussed.

[SunBeech]

I assume you are looking for HTML examples, not JavaScript?

This might give you some inspiration:

Showcase your Dashboard

I have included details on how I set up the widget. Please note that I am not an HTML expert whatsoever, so feel free to comment if I can improve the code . I used W3 Schools’ HTML tutorial as a resource. Basic structure The information included in the widget is formatted in one table consisting of ten rows (1-10) and eight columns (A-H). The information displayed consist of plain text, Homey tags & variables that provide the sensor values and date stamps, and CSS style coding that crea…

Note that I did change several things after I posted it (like putting formatting in a separate style section as much as possible) and solving some of the questions I raised in the post and made some additional posts (like this one). But still it gives a basic insight on how to use the EDW widget for creating your own HTML-based dashboard widget.

Also check out W3 Schools’ HTML tutorial to get to know HTML and all tags to create/format a page.

[Rogier_Verheugen]

@SunBeech

Thanks again for your help. I’m loving it

Rogier

[SunBeech]

Nicely done