cell text moved to another cell beside?

Question

cell text moved to another cell beside?

 

I have table html  cell text moved to another cell 

 

reportid reportname  reportdate 

 

1            12/12/2020 

 

I notice that report date content data moved to reportname  why i dont know 

this is my table structure 

<table style="width: 100%; border: 1px solid #ddd;" class=" table table-striped">

    <thead style="width: max-content">
      <tr>
        <th _ngcontent-wdt-c24="" style="width: max-content;" *ngFor="let coln of headerCols">
          <ng-container *ngIf ="coln != 'totalCount'">

          {{coln}}
          </ng-container>
        </th>


      </tr>
    </thead>
    <tbody>
      <ng-container *ngFor="let repdata of ReportData">
      <tr *ngFor="let rep of contentBody">

        <td *ngFor="let r1 of rep"><span ngcontent-wdt-c24="" nbtooltipplacement="right" class="ng-star-inserted">{{r1}}</span></td>

          <td *ngIf="repdata.inRunTime==0 && repdata.parameterName !==null && repdata.downloadProcedureName !==null"> <i nbTooltip="Download" class="btn btn-link" data-toggle="modal" data-target="#roeDetailsModal"
            nbTooltipPlacement="bottom" (click)="getDataByRevision(rep[0])" nbTooltipStatus="primary">
             <nb-icon icon="cloud-download-outline"></nb-icon>
           </i> </td>




      </tr>
    </ng-container>


    </tbody>
  </table>