DataGridComponent template

data-grid.component.html

<div class="row mt-3">
  <div class="col-2 p-1 text-center align-self-center"
    [ngClass]="{
      'bg-info': item.color === 'blue',
      'bg-success': item.color === 'green',
      'bg-warning': item.color === 'yellow',
      'bg-danger': item.color === 'red'
    }"
    *ngFor="let item of filteredData">
    <strong>{{item.company}}</strong><br>
    {{item.country}}
  </div>
</div>