source: WineTrackerFinal/WineTrackerUI/WineTracker/src/app/VehicleEntity/vehicle/vehicle.component.html

<div class="content-container">
    <h2>Vehicles</h2>
    <br>
    <button routerLink="create" class="btn btn-secondary">Add Vehicle</button>
    <br>
    <br>
    <table class="table table-hover">
        <thead>
        <tr>
            <th *ngFor="let tableRow of tableRows" scope="col">{{tableRow}}</th>
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let vehicle of vehicles;let i = index">
            <th scope="row">{{i+1}}</th>        
            <td>{{vehicle.registration}}</td>
            <td>{{vehicle.details}}</td>
            <td>
                <a class="ms-3" routerLink="edit/{{vehicle.vehicleId}}">Edit</a>
                <a class="ms-3 cursor-pointer" (click)="deleteVehicle(vehicle.vehicleId)">Delete</a>
            </td>
        </tr>       
        </tbody>
    </table>

    <!-- <nav aria-label="Page navigation example">
        <ul class="pagination">
        <li class="page-item"><a class="page-link" href="#">Previous</a></li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item"><a class="page-link" href="#">2</a></li>
        <li class="page-item"><a class="page-link" href="#">3</a></li>
        <li class="page-item"><a class="page-link" href="#">Next</a></li>
        </ul>
    </nav> -->
</div>