From 0321103a492c8779e80e654bb3017d620b2e5fd8 Mon Sep 17 00:00:00 2001
From: jgould <jgould@broadinstitute.org>
Date: Fri, 15 Apr 2016 11:28:48 -0400
Subject: [PATCH] use header with

---
 src/ui/grid.js | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/ui/grid.js b/src/ui/grid.js
index 98c454b..181e99c 100644
--- a/src/ui/grid.js
+++ b/src/ui/grid.js
@@ -310,14 +310,19 @@ morpheus.Grid.prototype = {
 			left : -1000,
 			top : -1000
 		});
-		var $row = $('<div class="slick-table"><div class="ui-widget-content slick-row"><div class="slick-cell selected"></div></div></div>');
+
+		var $row = $('<div class="slick-table">'
+				+ '<div class="ui-state-default slick-header-column slick-header-sortable ui-sortable-handle"></div>'
+				+ '<div class="ui-widget-content slick-row"><div class="slick-cell selected"></div></div>'
+				+ '</div>');
 		var $cell = $row.find('.slick-cell');
+		var $header = $row.find('.slick-header-column');
 		$row.appendTo($d);
 		var gridWidth = this.options.$el.width();
 		var maxWidth = Math.min(parseInt(gridWidth / 2), 400);
 		var getColumnWidth = function(column) {
-			$cell.html(column.name);
-			var w = Math.max($cell.outerWidth(), 4);
+			var w = $header.html(column.name).outerWidth();
+			w = Math.max($cell.outerWidth(), w);
 			if (column.prototypeValue) {
 				$cell.html(column.prototypeValue);
 				w = Math.max($cell.outerWidth(), w);
-- 
GitLab