<table class="greyTable">
    <thead>
      <tr>
        <th>Customer Name</th>
        <th>Model</th>
        <th>Price</th>
        <th>Quality</th>
        <th>Query Type</th>
        <th>Status</th>
        <th>Last Active</th>
        <th>Actions</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let rec of this.tableData">
        <td>{{ rec?.customerName }}</td>
        <td>{{ rec?.vehicleModel }}</td>
        <td>{{ rec?.price }}</td>
        <td class="hot"></td>
        <td>
          <a
            class="nav-link waves-light"
            id="follow-tab-classic-shadow"
            data-toggle="tab"
            href="#follow-classic-shadow"
            role="tab"
            aria-controls="follow-classic-shadow"
            >{{ rec.salesTxnStage?.stageName }}</a
          >
        </td>
        <td>{{ rec?.Dealer_Lead_status_c }}</td>
        <td>{{ rec?.LastModifiedDate }}</td>
        <td>
          <button class="table__btn">View</button>
        </td>
      </tr>
    </tbody>
  </table>