Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

RadGrid Column Align wrong if using Scroll and UseStaticHeader = true

3 Answers 312 Views
Grid
This is a migrated thread and some comments may be shown as answers.
long
Top achievements
Rank 1
long asked on 14 Apr 2009, 05:35 PM
Dear,
I create header template and footer template(contain table inside)
Then I set AllowScroll = true
If I set UseStaticHeader = false .All Column align ok
But if I set UseStaticHeader = true.It align wrong .Width of Item larger width if header.
Problem just occur when I set UseStaticHeader =true .
Because All width of columns sum is very large.I must be use scroll and Use Static Header
This problem just in IE. FireFox work well
Please give me a solution.Thanks
Regard,
Lam

3 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 15 Apr 2009, 09:21 AM
Hello long,

In your case you should pay attention to the following:

1. The RadGrid MasterTableView's TableLayout should be set to Fixed.
2. All column widths should be set by using HeaderStyle-Width only. No ItemStyle-Width.

If you need further assistance, please provide a sample page, which demonstrates your scenario.

Regards,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Support
Top achievements
Rank 1
answered on 21 Jul 2011, 07:04 PM
Scorecard-Bug.jpg
I'm currently on RadControls veresion v.2010.3.1109.35

I made the changes you suggested:
<MasterTableView TableLayout="Fixed">

As well as only Header Widths but they are still not aligning in IE9 only.

Code:

<

 

telerik:RadGrid ID="gvScorecard" runat="server" AutoGenerateColumns="False" Skin="Office2007" GridLines="Both" Width="99%" >

<HeaderContextMenu EnableImageSprites="True"></HeaderContextMenu>

<ClientSettings>

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

<Resizing AllowColumnResize="true" AllowResizeToFit="true" />

<ClientEvents OnGridCreated="GridCreated" />

</ClientSettings>

<MasterTableView TableLayout="Fixed">

<HeaderStyle />

<ItemStyle BorderWidth="1px" />

<AlternatingItemStyle BorderWidth="1px" />

<Columns>

<telerik:GridBoundColumn DataField="scorecardnodeid" HeaderText="ID" UniqueName="ID">

<HeaderStyle Width="40" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="scorecardnodename" HeaderText="Objective" UniqueName="Objective">

<HeaderStyle Width="300" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Target" HeaderText="Target" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Target">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="scorecardnodeid" HeaderText="Owner" UniqueName="Owner">

<ItemStyle Wrap="false" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="calendarname" HeaderText="Frequency For Review" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="CalendarName">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal24" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal24">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal23" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal23">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal22" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal22">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal21" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal21">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal20" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal20">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal19" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal19">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal18" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal18">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal17" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal17">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal16" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal16">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal15" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal15">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal14" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal14">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal13" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal13">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal12" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal12">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal11" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal11">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal10" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal10">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal9" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal9">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal8" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal8">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal7" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal7">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal6" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal6">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal5" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal5">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal4" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal4">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal3" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal3">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal2" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal2">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal1" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Cal1">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="YTDValue" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="YTDValue">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal1Color" Visible="false" UniqueName="Cal1Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal2Color" Visible="false" UniqueName="Cal2Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal3Color" Visible="false" UniqueName="Cal3Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal4Color" Visible="false" UniqueName="Cal4Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal5Color" Visible="false" UniqueName="Cal5Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal6Color" Visible="false" UniqueName="Cal6Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal7Color" Visible="false" UniqueName="Cal7Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal8Color" Visible="false" UniqueName="Cal8Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal9Color" Visible="false" UniqueName="Cal9Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal10Color" Visible="false" UniqueName="Cal10Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal11Color" Visible="false" UniqueName="Cal11Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal12Color" Visible="false" UniqueName="Cal12Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal13Color" Visible="false" UniqueName="Cal13Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal14Color" Visible="false" UniqueName="Cal14Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal15Color" Visible="false" UniqueName="Cal15Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal16Color" Visible="false" UniqueName="Cal16Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal17Color" Visible="false" UniqueName="Cal17Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal18Color" Visible="false" UniqueName="Cal18Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal19Color" Visible="false" UniqueName="Cal19Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal20Color" Visible="false" UniqueName="Cal20Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal21Color" Visible="false" UniqueName="Cal21Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal22Color" Visible="false" UniqueName="Cal22Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal23Color" Visible="false" UniqueName="Cal23Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Cal24Color" Visible="false" UniqueName="Cal24Color">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="datatype" Visible="false" UniqueName="DataType">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="isGoal" Visible="false" UniqueName="IsGoal">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="YTDColor" Visible="false" UniqueName="YTDColor">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="NodeType" Visible="false" UniqueName="NodeType">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="LeftBound" Visible="false" UniqueName="LeftBound">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="RightBound" Visible="false" UniqueName="RightBound">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>


0
Support
Top achievements
Rank 1
answered on 21 Jul 2011, 07:19 PM
I just updated to v.2010.3.1317.35 and the Grid is now working in IE9
Tags
Grid
Asked by
long
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Support
Top achievements
Rank 1
Share this question
or