Remove group label in grouped list view

17.09.2011 I have updated the script to support lookup columns and people pickers.

---

I got a request from Djamel asking for a solution for removing the group label (the field name) in a grouped list view.

Add this code to a Content Editor Web Part (CEWP) in the list view. Adding a CEWP in a SharePoint 2010 list view will unfortunately remove the list view selector.

SharePoint 2007

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){	
	$("table.ms-listviewtable td[class^='ms-gb']").each(function(){
		var aLen = $(this).find('a').length;
		switch(aLen){
			case 2:
				var newLabel = $(this).find("a:last")[0].nextSibling.nodeValue;
				$(this).find("a:last")[0].nextSibling.nodeValue = '';
				$(this).find("a:last").text(" "+newLabel.substring(3));
			break;
			case 3:
				var newLabel = $(this).find("a:last").text();				
				$(this).find("a:eq(1)")[0].nextSibling.nodeValue = '';
				$(this).find("a:eq(1)").text(newLabel+" ");
				$(this).find("a:eq(2)").remove();
			break;			
			case 4:
				var newLabel = $(this).find("a:eq(2)").text();
				$(this).find("a:eq(1)")[0].nextSibling.nodeValue = '';
				$(this).find("a:eq(1)").text(newLabel+" ");
				$(this).find("nobr:last").remove();
			break;
		}
	});	
});
</script>

SharePoint 2010

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("table.ms-listviewtable td[class^='ms-gb']").each(function(){
		var newLabel;
		var aLen = $(this).find('a').length;
			switch(aLen){
			case 1:
				newLabel = $(this).find("a:last")[0].nextSibling.nodeValue;
				$(this).find("a:last")[0].nextSibling.nodeValue = '';
				$(this).find("img:last")[0].nextSibling.nodeValue = " "+newLabel.substring(3);
			break;
			case 2:
				newLabel = $(this).find("a:last")[0].nextSibling.nodeValue;
				if(newLabel === null){		
					newLabel = $(this).find("a:last").text();				
					$(this).find("a:last").remove();
					$(this).find("a:first")[0].nextSibling.nodeValue = '';
					$(this).find("img:first")[0].nextSibling.nodeValue = " "+newLabel;
				}else{
					$(this).find("a:last")[0].nextSibling.nodeValue = '';
					$(this).find("a:last").text(" "+newLabel.substring(3));
				}
			break;
			case 3:
				newLabel = $(this).find("nobr:last").text();
				$(this).find("nobr:last").remove();
				$(this).find("a:eq(0)")[0].nextSibling.nodeValue = '';
				$(this).find("img:last")[0].nextSibling.nodeValue = " "+newLabel;
			break;			
		}
	});	
});
</script>

Ask if anything is unclear.

Alexander