FoodLoop-Web/src/app/dashboard/suppliers.component.html

<div class="animated fadeIn">
  <div class="form-group row">
    <table class="table table-striped table-hover">
      <thead>
        <tr>
          <th>Name</th>
          <th>Postcode</th>
          <th>Spend</th>
        </tr>
      </thead>
      <tbody>
        <!-- table body - name, postcode and spend data should be presented here in cost descending order -->
        <tr recur-result *ngFor="let recur of recurList" tr.names="name" tr.recur="recur" (onClick)="recurClick($event, template)"></tr>
        <!-- <tr>
          <td>Supplier's Name</td>
          <td>Supplier's Postcode</td>
          <td>Supplier's Spend</td>
        </tr>
        <tr>
            <td>Supplier 2's Name</td>
            <td>Supplier 2's Postcode</td>
            <td>Supplier 2's Spend</td>
          </tr>
          <tr>
              <td>Supplier 3's Name</td>
              <td>Supplier 3's Postcode</td>
              <td>Supplier 3's Spend</td>
            </tr>
      </tbody> -->
    </table>
  </div>
</div>