Вставка данных при сравнении элементов

Question

У меня проблема с вставкой данных в таблицу. Вот пример моего кода:

protected paginateCompliances(data: ICompliance[], headers: HttpHeaders) {
    this.links = this.parseLinks.parse(headers.get('link'));
    const rows: ICompliance[] = [];
    for (let b = 0; b < this.manualDatas.length; b++) {
      const comp = new Compliance();
      comp.type = this.manualDatas[b];
      for (let i = 0; i < data.length; i++) {
        const compliance = data[i];
        if (comp.type === compliance.type) {
          rows.push(data[i]);
          console.log('New data added');
        } else {
          rows.push(comp);
        }
      }
    }

    this.compliances = rows;
    this.isLoading = false;
  }

Когда пользователь вставляет новое соответствие, его следует добавить в таблицу. Но результат таков:

Что я действительно хочу, так это то, что когда данные пусты, они должны иметь пустой стиль и выглядеть как серая строка. Но когда у него есть данные, они показывают данные. Любой совет ?