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>
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
Post a Comment