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">
                <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 class="fixed-action-btn">
    <a class="btn-floating btn-large red">
      <i class="large material-icons">mode_edit</i>
    </a>
    <ul>
      <li><a class="btn-floating red"><i class="material-icons">insert_chart</i></a></li>
      <li><a class="btn-floating yellow darken-1"><i class="material-icons">format_quote</i></a></li>
      <li><a class="btn-floating green"><i class="material-icons">publish</i></a></li>
      <li><a class="btn-floating blue"><i class="material-icons">attach_file</i></a></li>
    </ul>
  </div>
        

</div>