[Solved] 2009.1.402.35 Header gets moved all the way to right

[Lenny_shp]

This problem existed in first 2009 Q1 as well.   I upgraded a project from old RadGrid with no other functional changes.
when I expand any 2 rows or open and close detail table of the same row on the detail table the entire header row for the master table gets shifted all the way to the right.
 
all my columns end up with no heading and there is an extra set of columns with heading but no underlying rows.

[Dimo]

Hi Lenny_shp,

Have you by any chance set HorizontalAlign="Right" for the MasterTableView's HeaderStyle tag ?  HeaderStyle-HorizontalAlign should be set per column.

Please, send us your RadGrid declaration if you need further assistance.

Kind regards,
Dimo
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

[Lenny_shp]

The problem does not occur in IE6, only IE7 and FF. Problem also occurs with Hay skin.  If I re-click on the shifted column header to perform a sort, the headers come back to the right place. So the problem is triggered by: 1. Open/close the same detail row. 2. Open 2 detail rows. I tried removing LoadingPanelID, no help.   <telerik:AjaxSetting AjaxControlID="RadGrid1">     <UpdatedControls>     <telerik:AjaxUpdatedControl ControlID="cboSource" />     <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />     </UpdatedControls>     </telerik:AjaxSetting>     <telerik:RadGrid ID="RadGrid1" runat="server" AllowFilteringByColumn="True"

AllowPaging="true" AllowSorting="True" GroupingSettings-CaseSensitive="false"

EnableAJAX="False" GridLines="None" PageSize="100" ShowFooter="true" DataSourceID="SqlDataSource1"

ShowGroupPanel="False" ShowStatusBar="False" EnableAJAXLoadingTemplate="True" LoadingTemplateTransparency="25"

AllowMultiRowSelection="false" Skin="WebBlue" AlternatingItemStyle-Font-Size="X-Small" ItemStyle-Font-Size="X-Small" >

<PagerStyle Mode="NextPrevNumericAndAdvanced" />

<ClientSettings AllowColumnsReorder="False" AllowDragToGroup="False" ReorderColumnsOnClient="False">

<Selecting AllowRowSelect="True" />

<Scrolling AllowScroll="False" UseStaticHeaders="False" />

</ClientSettings>

<MasterTableView AutoGenerateColumns="False" AllowFilteringByColumn="true" DataKeyNames="ID" CommandItemDisplay="Top" DataSourceID="SqlDataSource1">

<PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>

<CommandItemTemplate>

<asp:LinkButton ID="btnRefresh" runat="server" CommandName="RebindGrid" Width="100px"> Refresh </asp:LinkButton>

</CommandItemTemplate>

<DetailTables>

<telerik:GridTableView AutoGenerateColumns="False" DataKeyNames="TransactionID" DataSourceID="srcDetail" Width="80%" AllowMultiRowSelection="False"

runat="server" CommandItemDisplay="None" ShowStatusBar="False" AllowSorting="False" AllowFilteringByColumn="False"

Name="CashTxnDetail" ShowHeadersWhenNoRecords="true">

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="TransactionID" MasterKeyField="ID" />

</ParentTableRelation>

<Columns>

<telerik:GridBoundColumn SortExpression="Amount" HeaderText="Amount"

DataField="Amount" UniqueName="DetailAmount" ReadOnly="true" DataType="System.Decimal"

DataFormatString="{0:$###,###.00}" ItemStyle-HorizontalAlign="Right">

</telerik:GridBoundColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn">

<ItemStyle Width="50px" />

</telerik:GridClientSelectColumn>

<telerik:GridBoundColumn

DataField="ID"                         DataType="System.UInt32"

HeaderText="ID"                        SortExpression="ID"

CurrentFilterFunction = "EqualTo"      AutoPostBackOnFilter = "true"

UniqueName="ID">

<ItemStyle Width="40px"  />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn

DataField="AMOUNT"

DataType="System.Decimal"

HeaderText="Amount"

DataFormatString="{0:$###,###.00}"

SortExpression="AMOUNT"

UniqueName="AMOUNT">

<ItemStyle Width="100px"  HorizontalAlign="Right" />

</telerik:GridBoundColumn>

</Columns>

<RowIndicatorColumn Visible="True">

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="False" Resizable="False">

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

</MasterTableView>

</telerik:RadGrid>

[Lenny_shp]

Update:  This seems to be server env. specific issue.   
server1 + db1 = no problem
server2 + db2 = problem
prod server + db3 = problem
local dev + db2 = no problem

All I did is drag and drop the same directory from server1 to server2.

[Dimo]

Hi Lenny_shp,

In my opinion, the problem is not skin-related. I cannot reproduce it with your RadGrid declaration, so it seems that something else on the page matters as well. Please provide a full sample page. Thanks.

Sincerely yours,
Dimo
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.