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 
  1. "width: 100%; border: 1px solid #ddd;" class=" table table-striped">  
  2.       
  3.     "width: max-content">  
  4.         
  5.         "" style="width: max-content;" *ngFor="let coln of headerCols">  
  6.           "coln != 'totalCount'">  
  7.           
  8.           {{coln}}  
  9.             
  10.           
  11.           
  12.   
  13.         
  14.       
  15.       
  16.       "let repdata of ReportData">  
  17.       "let rep of contentBody">  
  18.         
  19.         "let r1 of rep">"" nbtooltipplacement="right" class="ng-star-inserted">{{r1}}  
  20.           
  21.           "repdata.inRunTime==0 && repdata.parameterName !==null && repdata.downloadProcedureName !==null"> "Download" class="btn btn-link" data-toggle="modal" data-target="#roeDetailsModal"  
  22.             nbTooltipPlacement="bottom" (click)="getDataByRevision(rep[0])" nbTooltipStatus="primary">  
  23.              "cloud-download-outline">  
  24.               
  25.           
  26.           
  27.               
  28.   
  29.         
  30.       
  31.    
  32.   
  33.       
  34.