<table class="table table-borderless table-striped">
    <thead>
      <tr>
        <th scope="col" class="text-left">الرقم الذاتي</th>
        <th scope="col" class="text-left">الاسم والشهرة</th>

        <th scope="col" class="text-left">ساعات العمل<br> المسندة</th>
        <th scope="col" class="text-left">ساعات العمل <br>المنفذة</th>
        <th scope="col" class="text-left">نسبة المساهمة</th>
        <th scope="col" class="text-left">العمل المسند</th>
        <th scope="col" class="text-left">العمل المنجز</th>
        <th scope="col" class="text-left">التاريخ المتوقع <br>لانهاء الاعمال</th>
        <th scope="col" class="text-left">الملاحظات</th>
        
      </tr>
    </thead>
    <tbody>
      <tr  *ngFor="let empTrack of employeeTrack ; index as i " >
        <th scope="row">{{empTrack.employee.hiastId}}</th>
        <td> {{empTrack.employee.personalInfo | fullname }}
        </td>
        <td class="text-left">{{empTrack.employeeWork.assignedWorkingHours}}</td>
        <td class="text-left">{{empTrack.employeeWork.workedHours}}</td>
        <td class="text-left">{{empTrack.employeeWork.contributingRatio}}</td>
        <td class="text-left">{{empTrack.employeeWorkInfo.assignedWork}}</td>
        <td class="text-left">{{empTrack.employeeWorkInfo.performedWork}}</td>  
        <td class="text-left">{{empTrack.employeeWorkInfo.assignedWorkEnd | date}}</td>
        <td class="text-left">{{empTrack.notes}}</td>
        
        
      </tr>
      <tr  *ngIf="employeeTrack.length==0" >
        <th scope="row" class="text-center"></th>
        <td class="text-center"></td>
        <td class="text-center"></td>
        <td class="text-center"> </td>
        <td class="text-center"></td>
        <td class="text-center"></td>
        <td class="text-center"></td>
      </tr>
    </tbody>
  </table>