We do something similar as we have a database driven grid structure configuration.  We've run into several issues and InterSoft is aware of some of the limitations, like dynamically changing the grid on post back, e.g., adding a column or removing a column, or shuffling the positions, etc.  See this thread for a bit of info

http://www.intersoftpt.com/Community/WebGrid/WebGrid-7---Updating-Structure-Dynamically-WorksAlmost/

I've had to do a lot of work on the actual XML structure info that gets saved/loaded myself.  In some instances, any post back on the grid, i.e., sort, refresh, column move, etc. may need the page to be refreshed.  We have to do that if, for example, the user ungroups a column or makes it visible again from the Select Columns column context menu.  When this happens, InterSoft adds the column to the end of the gird, but we want it added back at its original assigned position.

So you'll need to override the grid and do your own work in instances where the grid just will not update what you need dynamically.  In some cases, if you save the layout and then load it again, the grid will show the columns but not the data and rebinding the data source doesn't work either.

Note in the thread above, that the remainder of the conversation took place via email to support, so even though it's not listed, InterSoft is aware of the inability to dynamically configure the grid at the moment.

Hello,

We have similar misalignment issue with IE7 in XHTML mode and the R2 didn't correct it. It looks like the issue is appearing when we set the width in pixel ...

Patrick,

Sometimes the alignment issues can be corrected by making sure the DOCTYPE is exactly as follows at the top of your pages and/or master page:

This info was directly from InterSoft and it did help in our situation under certain conditions.

Hello Handy,

I did get it working after you pointed me in the right direction, however, only when UseDefaultStyle is set to true.  When it's false, I can never get it to work.  In my skin file, the following line is now set to a different style:

Any ideas why I can't get it to work when not using the default style?  Thanks.

[EDIT] I forgot to mention that if you add the line to your sample, it will not work either, i.e.,

Let me add one more thing for clarification.  I did use the WebCombo with our styles, to rule out our PrismComboBox from being the cause, and it behaved the same way using the skin below:

<ISWebCombo:WebCombo
    runat="server"
    AllowAutoDataCaching="true"
    LayoutSettings-AllowAddItem="false"
    LayoutSettings-AllowNavigationOnMouseWheel="true"
    LayoutSettings-AllowTextWrapping="false" 
    LayoutSettings-AlwaysShowAllRowsOnDropdown="true" 
    LayoutSettings-AlwaysShowHelpButton="false" 
    LayoutSettings-ColumnStyle-CssClass="ComboBoxFrame"
    LayoutSettings-ComboMode="SingleColumn"
    LayoutSettings-DropDownStyle-Active-CssClass="ComboBoxDropDown"
    LayoutSettings-DropDownStyle-Normal-CssClass="ComboBoxDropDown"
    LayoutSettings-DropDownStyle-Over-CssClass="ComboBoxDropDown" 
    LayoutSettings-EntryMode="Default"
    LayoutSettings-FrameStyle-Active-CssClass="ComboBoxFrame" 
    LayoutSettings-FrameStyle-Normal-CssClass="ComboBoxFrame" 
    LayoutSettings-FrameStyle-Over-CssClass="ComboBoxFrame" 
    LayoutSettings-ResultBoxStyle-CssClass="ComboBoxResultBox"
    LayoutSettings-ResultFrameStyle-CssClass="ComboBoxResultFrame" 
    LayoutSettings-RowStyle-Active-CssClass="ComboBoxActiveRow" 
    LayoutSettings-RowStyle-Normal-CssClass="ComboBoxNormalRow" 
    LayoutSettings-RowStyle-Over-CssClass="ComboBoxOverRow" 
    LayoutSettings-SelectedRowStyle-CssClass="ComboBoxSelectedRow" 
    LayoutSettings-StatusBoxStyle-CssClass="ComboBoxStatusBox"
    LayoutSettings-TextBoxStyle-Active-CssClass="ComboBoxTextBox" 
    LayoutSettings-TextBoxStyle-Normal-CssClass="ComboBoxTextBox" 
    LayoutSettings-TextBoxStyle-Over-CssClass="ComboBoxTextBox"  
    Height="18px">
</ISWebCombo:WebCombo>

Also, I'm including all the CSS styles referenced above which should help incase they're contributing to the problem.

.ComboBoxFrame
{
	border-color: #DDCCCC;
	border-width: 1px;
	border-style: solid;
	background-color: White;
	color: #666666;
}
.ComboBoxDropDown
{
	font-family: Webdings;
	border: none;
	background-color: white;
	color: #DDCCCC;
	cursor: pointer;
}
.ComboBoxResultBox
{
	border-style: none;
	background: #FFFFFF;
	font-size: 10pt;
	font-Family: Calibri;
	font-weight: lighter;
}
.ComboBoxResultFrame
{
	border-style: solid;
	border-color: #DDCCCC;
	border-width: 1px;
	background: #FFFFFF;
}
.ComboBoxActiveRow
{
}
.ComboBoxNormalRow
{
	background-color: #FFFFFF;
	font-size: 10pt;
	Font-Family: Calibri;
	font-weight: lighter;
	color: #666666;
}
.ComboBoxOverRow
{
	background-color: #CCBBAA;
	font-size: 10pt;
	Font-Family: Calibri;
	font-weight: lighter;
	color: #666666;
}
.ComboBoxStatusBox
{
	background-color: #EEEEEE;
	font-size: 10pt;
	font-Family: Calibri;
	font-weight: lighter;
}
.ComboBoxTextBox
{
	Font-Size: 10pt;
	font-Family: Calibri;
	border-width: 0px;
	border-style: none;
	border-collapse: collapse;
	background-color: #FFFFFF;
	color: Black;
}

I've attached a solution where I was able to duplicate it.  The problem seems to stem from a layering of panels and a web user control.  This more closely duplicates our environment of using master pages with your web pane manager, panels, update panels and our custom user controls.