I have an image located at the following link:
https://i.sstatic.net/rxDQT.png
My goal is to have cells with different colors, where main action=1 results in a green cell and action=0 results in a red cell.
Below is the HTML code I am working with:
<div class="row" colum>
<div class="grid-container">
<table *ngFor="let item of notification">
<tr style="text-align:center">
<ul> {{item.alarmdesc}}</ul>
<ul> {{getProductName(item.device_serial)}}</ul>
<ul> {{item.datetime_device | date:'d/MM/yyyy'}}</ul>
<ul>
<button style="border-style: groove;
width:70%;
height:30%;
margin: 15%;
border: 1px solid rgb(198, 199, 198);
padding: 10px;cursor: pointer;" (click)="OnAced(item.id)">main action: {{item.acted}}
</button>
</ul>
</tr>
</table>
</div>
</div>