\
**Category:** Dashboard\
**Created:** [13 June 2023 13:11 UTC](https://discourse.nodered.org/t/help-with-dashboard-html/79171 "2023-06-13T13:11:35Z")\
**Posts on this page:** 2\
**Page:** 1
**Author:**  [@tree-frog](https://discourse.nodered.org/u/tree-frog)\
**Post date:** [13 June 2023 13:11 UTC](https://discourse.nodered.org/t/help-with-dashboard-html/79171/1 "2023-06-13T13:11:35Z")
HTML assistance. I'm hoping that I have a good start on it.
I'm trying to populate a table with rows of values from a database query. That is all great. I added code for the CSS Class .warning{ } and .alarm{ } to provide a means of COLOR Rows, alerting to values 5% to 8% being warning and over 8% alarm. I took the javascript from an example, but I believe my repeater and syntax to display values is goofed and I am not sure how to express the same item such that the javascript can actually calculate the values and work.
Dashboard template HTML below
````auto
th {
text-decoration: underline;
font-size: 25px;
font-weight: bold;
}
.percent {
text-align: center;
font-size: 20px;
font-weight: bold;
}
.numeric {
text-align: right;
padding-right: 15px;
font-size: 20px;
font-weight: bold;
}
.alpha {
text-align: left;
padding-left: 20px;
font-size: 18px;
font-weight: bold;
}
.warning {
background-color: yellow;
}
.alarm {
background-color: red;
}
| ChScanner |
Total |
Good |
% GD |
Mismatch |
% MM |
NoRead |
% NR |
| {{row.ChScanner}} |
{{row.Total}} |
{{row.Good}} |
{{row.PGD}} |
{{row.Mismatch}} |
{{row.PMM}} |
{{row.NoRead}} |
{{row.PNR}} |
```
````
---
**Author:**  [@system](https://discourse.nodered.org/u/system)\
**Post date:** [13 July 2023 13:12 UTC](https://discourse.nodered.org/t/help-with-dashboard-html/79171/2 "2023-07-13T13:12:09Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.