diff --git a/app/assets/javascripts/grids.js b/app/assets/javascripts/grids.js
index 616d8a1e3a..8845e54eff 100644
--- a/app/assets/javascripts/grids.js
+++ b/app/assets/javascripts/grids.js
@@ -10,6 +10,7 @@ function sortGrid(type, selector, headerLink) {
       headerLink = $(headerLink),
       desc = headerLink.hasClass('desc'),
       header = table.find('tr:first').detach(),
+      footer = table.find('tfoot').detach(),
       rows = table.find('tr').detach();
 
   rows = rows.sort(function(a, b){
@@ -39,6 +40,7 @@ function sortGrid(type, selector, headerLink) {
 
   table.html(rows);
   table.prepend(header);
+  table.append(footer);
 
 console.log('rows')
 rows.each(function(row) {
diff --git a/app/views/grids/_notes.html.erb b/app/views/grids/_notes.html.erb
index a5126f11fd..131e9d7183 100644
--- a/app/views/grids/_notes.html.erb
+++ b/app/views/grids/_notes.html.erb
@@ -52,14 +52,14 @@
       <% end %>
     <% end %>
   </tr>
-  <% if index == 9 %>
-    <tr class="show-all">
-      <td><a>Show <%= nodes.length - 10 %> more <b class="caret"></b></a></td>
-      <td></td>
-      <td></td>
-      <td></td>
-    </tr>
-  <% end %>
+<% end %>
+<% if nodes.count > 9 %>
+    <tfoot>
+      <th class="show-all"><a>Show <%= nodes.length - 10 %> more <b class="caret"></b></a></th>
+      <th></th>
+      <th></th>
+      <th></th>
+    </tfoot>
 <% end %>
 </table>