Grid: Set some grid tables to have explicit widths by a parent container

Author: rdworth

grid-spf/grid.html

@@ -164,6 +164,7 @@ <h2>local data source</h2>
 	<button data-page="next">Next</button>
 	<button data-page="last">Last</button>
 </p>
+<div style="width:48em;">
 <table id="developers-local">
 	<thead>
 		<tr>
@@ -175,7 +176,7 @@ <h2>local data source</h2>
 	<tbody>
 	</tbody>
 </table>
-
+</div>
 
 <h2>remote data source</h2>
 <p id="filterMovies">
@@ -202,7 +203,14 @@ <h2>remote data source</h2>
 	<button data-page="next">Next</button>
 	<button data-page="last">Last</button>
 </p>
+
+<div style="width:80%">
 <table id="movies">
+	<colgroup>
+		<col width="60%">
+		<col width="20%">
+		<col width="20%">
+	</colgroup>
 	<thead>
 		<tr>
 			<th data-property="Name">Name</th>
@@ -213,6 +221,7 @@ <h2>remote data source</h2>
 	<tbody>
 	</tbody>
 </table>
+</div>
 
 </body>
 </html>