Added a footer, touched up the fluid resize

Author: rdworth

grid-markup/grid.html

@@ -19,7 +19,7 @@
 			resize: function() {
 				$(this).find(".ui-grid-body-table").grid("refresh");
 			}
-		}).height(300);
+		}).height(300).find(".ui-grid-foot").height(20);
 		$( "#dataTable2" ).grid( "refresh" );
 	});
 	</script>

grid-markup/grid.js

@@ -23,6 +23,8 @@ $.widget( "ui.grid", {
 				.appendTo( uiGrid ),
 			uiGridBody = ( this.uiGridBody = $("<div class='ui-widget-content ui-grid-body'></div>") )
 				.appendTo( uiGrid ),
+			uiGridFoot = ( this.uiGridFoot = $("<div class='ui-widget-header ui-grid-foot'></div>") )
+				.appendTo( uiGrid ),
 
 			// New table in grid head for column headers
 			uiGridHeadTable = ( this.uiGridHeadTable = $("<table class='ui-grid-head-table'></table>") )
@@ -83,18 +85,21 @@ $.widget( "ui.grid", {
 	},
 
 	refresh: function() {
+		var gridHeight = this.uiGrid.height(),
+			headHeight = this.uiGridHead.height(),
+			footHeight = this.uiGridFoot.height();
+
+		// Adjust body height to fill
+		this.uiGridBody.height( gridHeight - headHeight - footHeight );
+
 		// Adjust head in case of visible scrollbar on body to keep columns aligned
 		var vertScrollbar = ( this.uiGridBody[0].scrollHeight !== this.uiGridBody[0].clientHeight );
 		if ( vertScrollbar ) {
 			this.uiGridHead.css("padding-right", ( this.uiGridBody.width() - this.uiGridBodyTable.width() ) + "px" );
 		} else {
 			this.uiGridHead.css("padding-right", 0);
 		}
-		// Adjust body height to fill
-		// TODO: create footer and calculate height
-		// ... in the meantime, fax it
-		var gridFootHeight = 20;
-		this.uiGridBody.height( this.uiGrid.height() - this.uiGridHead.height() - gridFootHeight )
+		
 	}
 });