<h3>Lehrlinge</h3> 
<div class="container mb-4">
<div class="bg-light clearfix">
    <button type="button" class="btn btn-primary float-left">Neu</button>
</div>

<table class="table table-striped">
    <thead class="kopf">
        <th>Name</th>
        <th>Gruppe</th>    
        <th>Geschlecht</th>
        <th>Geboren</th>   
        <th>Eintritt</th>
        <th>Austritt</th>
        <th>Aktion</th>
    </thead>
    <tbody>
    <tr *ngFor="let aktlehrling of lehrlinge">    
        <td>{{aktlehrling.firstname}} {{aktlehrling.lastname}}</td>
        <td>{{aktlehrling.groupname}}</td>
        <td>{{aktlehrling.sex}}</td>
        <td>{{aktlehrling.date_of_birth}}</td>
        <td>{{aktlehrling.date_joined}}</td>
        <td>{{aktlehrling.date_leave}}</td>
        <div class="d-grid gap-4 d-md-flex justify-content-md-center">
            <a mat-mini-fab routerLink="/editLehrling/{{aktlehrling.lehrlingid}}" class="btn">
                <mat-icon>edit</mat-icon>
            </a>
      </div>            
    </tr>
</table>
</div>