@if (products.length > 0) {
  <div class="compare-table-wrap">
    <table class="compare-table">
      <thead>
        <tr>
          <th>{{ 'ux.compareAttribute' | translate }}</th>
          @for (product of products; track product.itemID) {
            <th>
              <div class="compare-product-title">{{ product.name }}</div>
            </th>
          }
        </tr>
      </thead>
      <tbody>
        @for (row of rows(); track row.key) {
          <tr [class.compare-different]="isDifferentRow(row)">
            <th>{{ row.label }}</th>
            @for (value of row.values; track $index) {
              <td>{{ value }}</td>
            }
          </tr>
        }
      </tbody>
    </table>
  </div>
}