rent-list.component.html

rent-list.component.html

<div>
    <table>
        <thead>
            <tr>
                <th>Previous Meter Reading</th>
                <th>Current Meter Reading</th>
                <th>Month</th>
                <th>Year</th>
                <th>Extras</th>
                <th>Total (to be paid)</th>
                <th>Paid</th>
            </tr>
        </thead>

        <tbody>
            <tr *ngFor="let rent of rents_x">
                <td>{{rent.meterPrev}}</td>
                <td>{{rent.meterCurr}}</td>
                <td>{{rent.month}}</td>
                <td>{{rent.year}}</td>
                <td>{{rent.extraCost}}</td>
                <td>{{rent.totalSum}}</td>
                <td>{{rent.paid}}</td>
            </tr>
        </tbody>
    </table>
</div>