Adjust the width of the element surrounding the LiveGrid if it does not
have a fixed width or allows resizing via the special attribute
'autoresize="1"'.  Useful when the surrounding element is a table
column (<td>) and there's another element next to the LiveGrid.

Code:

<table width=100%>
<tr>
<td autoresize="1">
<table id="LiveGrid" class="ricoLiveGrid" cellspacing="0" cellpadding="0">
<tr>
  <th>Nr</th><th>Status</th><th>Order</th><th>Priority</th><th>Date</th><th>Note</th>
</tr>
</table>
</td>
<td>something else</td>
</tr>
</table>


Index: ricoGridCommon.js
===================================================================
--- ricoGridCommon.js	(revision 273)
+++ ricoGridCommon.js	(working copy)
@@ -242,6 +242,8 @@ Rico.GridCommon.prototype = {
       if (this.columns[i].visible) this.scrTabWi+=parseInt(this.columns[i].colWidth)+borderWi;
     this.scrWi=this.scrTabWi+this.options.scrollBarWidth;
     var wiLimit=RicoUtil.windowWidth()-this.options.scrollBarWidth-8;
+    var outerDivResize = this.outerDiv.parentNode.hasAttribute('autoresize');
+    if (!outerDivResize)
     if (this.outerDiv.parentNode.clientWidth > 0)
       wiLimit=Math.min(this.outerDiv.parentNode.clientWidth, wiLimit);
     var overage=this.frzWi+this.scrWi-wiLimit;
@@ -252,6 +254,8 @@ Rico.GridCommon.prototype = {
     this.scrollDiv.style.top=this.hdrHt+'px';
     this.frozenTabs.style.width=this.scrollDiv.style[this.align[0]]=this.innerDiv.style[this.align[0]]=this.frzWi+'px';
     this.outerDiv.style.width=(this.frzWi+this.scrWi)+'px';
+    if (overage < 0 && outerDivResize)
+	this.outerDiv.parentNode.style.width=this.scrWi+'px';
   },
 
 /**
