テーブル内のテーブルng-repeatは正しく表示されませんか？

Question

2行目X 3 Columnusテーブルがあり、2行目にはすべてのセルにテーブルを追加しています。これらの表では、Angular with ng-repeatを使用してデータを表示しています。私の問題は、データが正しく表示されないということです。ここに私のコードと結果のスクリーンショットがあります。

<tr> 
    <td style="font-weight: bold"> 
     Europe 
    </td> 
    <td style="font-weight: bold"> 
     Europe 
    </td> 
    <td style="font-weight: bold"> 
     Europe 
    </td> 
    <td>...</td> 
</tr> 

<tr> 
    <td style="font-weight: bold"> 
     <table id="table3" class="table table-striped"> 
      <tr> 
       <th>CustomerID</th> 
       <th>CustomerUserID</th> 
       <th>Environment</th> 
       <th>Time Elapsed</th> 
       <th>Migrated </th> 

       <tr ng-repeat="runEu in runMig24InEurope | filter:searchRunEur"> 
        <td>{{ runEu.customerID }}</td> 
        <td>{{ runEu.customerUserID}}</td> 
        <td>{{ runEu.environment}}</td> 
       </tr> 
     </table> 
    </td> 

    <td style="font-weight: bold"> 
     <table id="table4" class="table table-striped"> 
      <tr> 
       <th>CustomerID</th> 
       <th>CustomerUserID</th> 
       <th>Environment</th> 

       <tr ng-repeat="succEu in succMig24InEurope | filter:searchSuccEur"> 
        <td>{{ succEu.customerID }}</td> 
        <td>{{ succEu.customerUserID}}</td> 
        <td>{{ succEu.environment}}</td> 
       </tr> 
     </table> 
    </td> 

    <td style="font-weight: bold"> 
     <table id="table5" class="table table-striped"> 
      <tr> 
       <th>CustomerID</th> 
       <th>CustomerUserID</th> 
       <th>Environment</th> 

       <tr ng-repeat="errEu in onErrMig24InEurope | filter:searchErrEur"> 
        <td>{{ errEu.customerID }}</td> 
        <td>{{ errEu.customerUserID}}</td> 
        <td>{{ errEu.environment}}</td> 
       </tr> 
     </table> 
    </td> 
    <td>...</td> 
</tr> 

See what is displayed here

Answer 1

を閉じていませんセルの中央に<td>タグの内側に表示されていました。それを解決するために、私は<td valign="top">を入れなければなりませんでした。

Answer 2

あなたが適切にあなたのタグを閉じていない：

<table id="table3" class="table table-striped"> 
    **<tr>** 
     <th>CustomerID</th> 
     <th>CustomerUserID</th> 
     <th>Environment</th> 
     <th>Time Elapsed</th> 
     <th>Migrated </th> 

     <tr ng-repeat="runEu in runMig24InEurope | filter:searchRunEur"> 
      <td>{{ runEu.customerID }}</td> 
      <td>{{ runEu.customerUserID}}</td> 
      <td>{{ runEu.environment}}</td> 
     </tr> 
    **</tr>** 
</table> 

<tr>は問題が表ということでした（すべてのテーブルに）