diff --git a/modules/gridTable.jsx.js b/modules/gridTable.jsx.js
index 4cfead26..a5fef605 100644
--- a/modules/gridTable.jsx.js
+++ b/modules/gridTable.jsx.js
@@ -252,7 +252,7 @@ var GridTable = React.createClass({
       nodes = React.createElement('tbody', null, nodes);
     }
 
-    var pagingContent = React.createElement('tbody', null);
+    var pagingContent = React.createElement('tfoot', null);
     if (this.props.showPager) {
       var pagingStyles = this.props.useGriddleStyles ? {
         padding: "0px",
@@ -261,7 +261,7 @@ var GridTable = React.createClass({
         color: "#222",
         height: this.props.showNoData ? "20px" : null
       } : null;
-      pagingContent = React.createElement('tbody', null, React.createElement('tr', null, React.createElement('td', { colSpan: this.props.multipleSelectionSettings.isMultipleSelection ? this.props.columnSettings.getVisibleColumnCount() + 1 : this.props.columnSettings.getVisibleColumnCount(), style: pagingStyles, className: 'footer-container' }, !this.props.showNoData ? this.props.pagingContent : null)));
+      pagingContent = React.createElement('tfoot', null, React.createElement('tr', null, React.createElement('td', { colSpan: this.props.multipleSelectionSettings.isMultipleSelection ? this.props.columnSettings.getVisibleColumnCount() + 1 : this.props.columnSettings.getVisibleColumnCount(), style: pagingStyles, className: 'footer-container' }, !this.props.showNoData ? this.props.pagingContent : null)));
     }
 
     // If we have a fixed header, split into two tables.