Release 2.4.2

Author: kevinparkerson

dist/all.js

@@ -2828,7 +2828,7 @@ define('fuelux/datagrid',['require','jquery'],function (require) {
 		constructor: Datagrid,
 
 		renderColumns: function () {
-			var self = this;
+			var $target;
 
 			this.$footer.attr('colspan', this.columns.length);
 			this.$topheader.attr('colspan', this.columns.length);
@@ -2841,7 +2841,12 @@ define('fuelux/datagrid',['require','jquery'],function (require) {
 				colHTML += '>' + column.label + '</th>';
 			});
 
-			self.$colheader.append(colHTML);
+			this.$colheader.append(colHTML);
+
+			if (this.options.dataOptions.sortProperty) {
+				$target = this.$colheader.children('th[data-property="' + this.options.dataOptions.sortProperty + '"]');
+				this.updateColumns($target, this.options.dataOptions.sortDirection);
+			}
 		},
 
 		updateColumns: function ($target, direction) {

dist/all.min.js

@@ -85,7 +85,7 @@ define(['require','jquery'],function (require) {
 		constructor: Datagrid,
 
 		renderColumns: function () {
-			var self = this;
+			var $target;
 
 			this.$footer.attr('colspan', this.columns.length);
 			this.$topheader.attr('colspan', this.columns.length);
@@ -98,7 +98,12 @@ define(['require','jquery'],function (require) {
 				colHTML += '>' + column.label + '</th>';
 			});
 
-			self.$colheader.append(colHTML);
+			this.$colheader.append(colHTML);
+
+			if (this.options.dataOptions.sortProperty) {
+				$target = this.$colheader.children('th[data-property="' + this.options.dataOptions.sortProperty + '"]');
+				this.updateColumns($target, this.options.dataOptions.sortDirection);
+			}
 		},
 
 		updateColumns: function ($target, direction) {

dist/css/fuelux.min.css

@@ -64,8 +64,10 @@
 		}
 
 		.tree-item-name {
-			position: absolute;
-			left: 29px;
+            overflow: hidden;
+            padding-left: 29px;
+            text-overflow: ellipsis;
+            white-space: nowrap;
 		}
 
 		.tree-dot {

dist/datagrid.js

@@ -3169,7 +3169,7 @@ define('fuelux/datagrid',['require','jquery'],function (require) {
 		constructor: Datagrid,
 
 		renderColumns: function () {
-			var self = this;
+			var $target;
 
 			this.$footer.attr('colspan', this.columns.length);
 			this.$topheader.attr('colspan', this.columns.length);
@@ -3182,7 +3182,12 @@ define('fuelux/datagrid',['require','jquery'],function (require) {
 				colHTML += '>' + column.label + '</th>';
 			});
 
-			self.$colheader.append(colHTML);
+			this.$colheader.append(colHTML);
+
+			if (this.options.dataOptions.sortProperty) {
+				$target = this.$colheader.children('th[data-property="' + this.options.dataOptions.sortProperty + '"]');
+				this.updateColumns($target, this.options.dataOptions.sortDirection);
+			}
 		},
 
 		updateColumns: function ($target, direction) {