Fixed missing tbody

Author: krausest

angular-v1.5.7/index.html

@@ -39,14 +39,16 @@ <h1>Angular v1.5.7</h1>
         </div>
     </div>
     <table class="table table-hover table-striped test-data">
-        <tr ng-repeat="item in homeController.data track by item.id" ng-class="{ danger: item.id === homeController.selected }">
-            <td class="col-md-1">{{item.id}}</td>
-            <td class="col-md-4">
-                <a ng-click="homeController.select(item)">{{item.label}}</a>
-            </td>
-            <td class="col-md-1"><a ng-click="homeController.del(item)"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td>
-            <td class="col-md-6"></td>
-        </tr>
+        <tbody>
+            <tr ng-repeat="item in homeController.data track by item.id" ng-class="{ danger: item.id === homeController.selected }">
+                <td class="col-md-1">{{item.id}}</td>
+                <td class="col-md-4">
+                    <a ng-click="homeController.select(item)">{{item.label}}</a>
+                </td>
+                <td class="col-md-1"><a ng-click="homeController.del(item)"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td>
+                <td class="col-md-6"></td>
+            </tr>
+        </tbody>
     </table>
     <span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span>
 </div>

angular-v2.0.0-rc4/src/app.ts

@@ -38,14 +38,16 @@ interface Data {
 			</div>
 		</div>
 		<table class="table table-hover table-striped test-data">
-			<tr [class.danger]="item.id === selected" *ngFor="let item of data">
-				<td class="col-md-1">{{item.id}}</td>
-				<td class="col-md-4">
-					<a href="#" (click)="select(item, $event)">{{item.label}}</a>
-				</td>
-				<td class="col-md-1"><a href="#" (click)="delete(item, $event)"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td>
-				<td class="col-md-6"></td>
-			</tr>
+		    <tbody>
+                <tr [class.danger]="item.id === selected" *ngFor="let item of data">
+                    <td class="col-md-1">{{item.id}}</td>
+                    <td class="col-md-4">
+                        <a href="#" (click)="select(item, $event)">{{item.label}}</a>
+                    </td>
+                    <td class="col-md-1"><a href="#" (click)="delete(item, $event)"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td>
+                    <td class="col-md-6"></td>
+                </tr>
+			</tbody>
 		</table>
 		<span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span>
 	</div>

aurelia-v1.0.0-rc1.0.0/src/app.html

@@ -28,14 +28,16 @@ <h1>Aurelia v1.0.0-rc1.0.0</h1>
             </div>
         </div>
         <table class="table table-hover table-striped test-data">
-            <tr repeat.for="item of rows" class="${ item.id === selected ? 'danger' : ''}">
-                <td class="col-md-1">${item.id}</td>
-                <td class="col-md-4">
-                    <a click.trigger="select(item)">${item.label}</a>
-                </td>
-                <td class="col-md-1"><a click.trigger="remove(item)"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td>
-                <td class="col-md-6"></td>
-            </tr>
+            <tbody>
+                <tr repeat.for="item of rows" class="${ item.id === selected ? 'danger' : ''}">
+                    <td class="col-md-1">${item.id}</td>
+                    <td class="col-md-4">
+                        <a click.trigger="select(item)">${item.label}</a>
+                    </td>
+                    <td class="col-md-1"><a click.trigger="remove(item)"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td>
+                    <td class="col-md-6"></td>
+                </tr>
+            </tbody>
         </table>
         <span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span>
     </div>

vue-v1.0.26/index.html

@@ -39,14 +39,16 @@ <h1>Vue.js v1.0.26</h1>
               </div>
           </div>
           <table class="table table-hover table-striped test-data">
-              <tr v-for="item in rows" track-by="id" v-bind:class="{'danger' : item.id === selected}">
-                  <td class="col-md-1">{{item.id}}</td>
-                  <td class="col-md-4">
-                      <a v-on:click="select(item)">{{item.label}}</a>
-                  </td>
-                  <td class="col-md-1"><a v-on:click="remove(item)"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td>
-                  <td class="col-md-6"></td>
-              </tr>
+              <tbody>
+                  <tr v-for="item in rows" track-by="id" v-bind:class="{'danger' : item.id === selected}">
+                      <td class="col-md-1">{{item.id}}</td>
+                      <td class="col-md-4">
+                          <a v-on:click="select(item)">{{item.label}}</a>
+                      </td>
+                      <td class="col-md-1"><a v-on:click="remove(item)"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td>
+                      <td class="col-md-6"></td>
+                  </tr>
+              </tbody>
           </table>
           <span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span>
       </div>