Grid: Add another grid to the selectable demo to show the selected rows. Updates while selecting, pretty cool actually.

Author: jzaefferer

grid-editing/grid-selectable.html

@@ -66,6 +66,10 @@
 			selected: selected
 		});
 
+		$( "#developers-selected" ).grid({
+			source: selected
+		});
+
 		$( "#pageDevelopers" ).pager({
 			source: developers
 		});
@@ -181,6 +185,21 @@ <h2>local data source</h2>
 		</tr>
 	</tfoot>
 </table>
+
+<table id="developers-selected">
+	<caption>Selected Developers</caption>
+	<thead>
+		<tr>
+			<th data-property="firstName">First Name</th>
+			<th data-property="lastName">Last Name</th>
+			<th data-property="country">Country</th>
+			<th data-property="bitcoins" data-type="number">Bitcoins</th>
+			<th data-property="random.value" data-type="number">Random</th>
+		</tr>
+	</thead>
+	<tbody>
+	</tbody>
+</table>
 </div>
 
 <div>