html - Table inside table ng-repeat not displayed correctly? -


i have 2 lines x 3 columnus table in which, in second row, adding table in every cell. in these tables, using angular ng-repeat display data. problem data not diplayed correctly. here code , screenshot of result.

<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 displayed here

you're not closing tags:

<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> 

the <tr> isn't closed (in tables)


Comments

Popular posts from this blog

Ansible - ERROR! the field 'hosts' is required but was not set -

customize file_field button ruby on rails -

SoapUI on windows 10 - high DPI/4K scaling issue -