Mockups: tfoot after tbody

Author: philwareham

docs/index.html

@@ -917,11 +917,6 @@ <h1 class="design-patterns--heading">List tables <span class="warning">changed v
                 &lt;th scope="col"&gt;...&lt;/th&gt;
             &lt;/tr&gt;
         &lt;/thead&gt;
-        &lt;tfoot&gt;
-            &lt;tr&gt;
-                &lt;td colspan="3"&gt;...&lt;/td&gt;
-            &lt;/tr&gt;
-        &lt;/tfoot&gt;
         &lt;tbody&gt;
             &lt;tr&gt;
                 &lt;th scope="row"&gt;...&lt;/th&gt;
@@ -939,6 +934,11 @@ <h1 class="design-patterns--heading">List tables <span class="warning">changed v
                 &lt;td&gt;...&lt;/td&gt;
             &lt;/tr&gt;
         &lt;/tbody&gt;
+        &lt;tfoot&gt;
+            &lt;tr&gt;
+                &lt;td colspan="3"&gt;...&lt;/td&gt;
+            &lt;/tr&gt;
+        &lt;/tfoot&gt;
     &lt;/table&gt;
 &lt;/div&gt;</code></pre>
                     <p><strong>Example:</strong></p>
@@ -951,11 +951,6 @@ <h1 class="design-patterns--heading">List tables <span class="warning">changed v
                                     <th scope="col">Government</th>
                                 </tr>
                             </thead>
-                            <tfoot>
-                                <tr>
-                                    <td colspan="3">This is the tfoot (optional)</td>
-                                </tr>
-                            </tfoot>
                             <tbody>
                                 <tr>
                                     <th scope="row">Diso</th>
@@ -983,6 +978,11 @@ <h1 class="design-patterns--heading">List tables <span class="warning">changed v
                                     <td>Corporate State</td>
                                 </tr>
                             </tbody>
+                            <tfoot>
+                                <tr>
+                                    <td colspan="3">This is the tfoot (optional)</td>
+                                </tr>
+                            </tfoot>
                         </table>
                     </div><!-- /txp-listtables -->
                     <p><strong>Notes:</strong></p>

docs/rtl.html

@@ -917,11 +917,6 @@ <h1 class="design-patterns--heading">List tables <span class="warning">changed v
                 &lt;th scope="col"&gt;...&lt;/th&gt;
             &lt;/tr&gt;
         &lt;/thead&gt;
-        &lt;tfoot&gt;
-            &lt;tr&gt;
-                &lt;td colspan="3"&gt;...&lt;/td&gt;
-            &lt;/tr&gt;
-        &lt;/tfoot&gt;
         &lt;tbody&gt;
             &lt;tr&gt;
                 &lt;th scope="row"&gt;...&lt;/th&gt;
@@ -939,6 +934,11 @@ <h1 class="design-patterns--heading">List tables <span class="warning">changed v
                 &lt;td&gt;...&lt;/td&gt;
             &lt;/tr&gt;
         &lt;/tbody&gt;
+        &lt;tfoot&gt;
+            &lt;tr&gt;
+                &lt;td colspan="3"&gt;...&lt;/td&gt;
+            &lt;/tr&gt;
+        &lt;/tfoot&gt;
     &lt;/table&gt;
 &lt;/div&gt;</code></pre>
                     <p><strong>Example:</strong></p>
@@ -951,11 +951,6 @@ <h1 class="design-patterns--heading">List tables <span class="warning">changed v
                                     <th scope="col">Government</th>
                                 </tr>
                             </thead>
-                            <tfoot>
-                                <tr>
-                                    <td colspan="3">This is the tfoot (optional)</td>
-                                </tr>
-                            </tfoot>
                             <tbody>
                                 <tr>
                                     <th scope="row">Diso</th>
@@ -983,6 +978,11 @@ <h1 class="design-patterns--heading">List tables <span class="warning">changed v
                                     <td>Corporate State</td>
                                 </tr>
                             </tbody>
+                            <tfoot>
+                                <tr>
+                                    <td colspan="3">This is the tfoot (optional)</td>
+                                </tr>
+                            </tfoot>
                         </table>
                     </div><!-- /txp-listtables -->
                     <p><strong>Notes:</strong></p>