Add some CSS during column resize to indicate which columns are fixed and which columns will change when you resize.

etemplate/js/et2_dataview.js

@@ -386,6 +386,11 @@ var et2_dataview = Class.extend({
 				.attr("align", "left")
 				.append(cont)
 				.appendTo(this.headTr);
+			
+			if(this.columnMgr && this.columnMgr.columns[i])
+			{
+				column.addClass(this.columnMgr.columns[i].fixedWidth ? 'fixedWidth' : 'relativeWidth');
+			}
 
 			// make column resizable
 			var enc_column = self.columnMgr.getColumnById(col.id);

etemplate/js/et2_dataview_view_resizeable.js

@@ -53,6 +53,9 @@
 				};
 			}
 
+			// Indicate resizing is in progress
+			$j(_outerElem).addClass('egwResizing');
+
 			// Reset the "didResize" flag
 			didResize = false;
 
@@ -78,7 +81,7 @@
 				})
 
 				.bind("mouseup", function() {
-					stopResize();
+					stopResize(_outerElem);
 
 					// Reset text selection
 					_elem[0].onselectstart = null;
@@ -93,8 +96,10 @@
 		}
 	}
 
-	function stopResize()
+	function stopResize(_outerElem)
 	{
+
+		$j(_outerElem).removeClass('egwResizing');
 		if (helper != null)
 		{
 			helper.remove();

etemplate/templates/default/etemplate2.css

@@ -1149,6 +1149,13 @@ div.et2_progress > div {
   height: 100%;
   min-height: 5px;
 }
+
+/**
+ * For resizing (nextmatch columns)
+ */
+table.egwGridView_outer.egwResizing .fixedWidth {
+  opacity: 0.5;
+}
 .egwResizeOverlay {
   position: fixed;
   width: 100%;