RadGrid Not displaying all columns when scrolling

[thecruciable]

Hello,

I have a Rad Grid that has 27 columns and few of which can be edited. The problem I am having is when I apply Scrolling-AllowScroll="true" Scrolling-UseStaticHeaders="true" Scrolling-SaveScrollPosition="true" Scrolling-FrozenColumnsCount="3"
on client settings set the width of the grid to "1200px" for the having both horizontal and vertical scrolling I can't see all the columns. When the grid is loaded the first time I can only see till the 'Disburse Date' column and I can't see the Household column when I click the edit column on the edit mode I can barely see the Disburse Date. Any help on this will be greatly appreciated. Here is the aspx code:


<telerik:RadGrid runat="server" ID="rgGridResults" GridLines="None"
                AllowSorting="true" AllowPaging="true" AllowFilteringByColumn="true" AutoGenerateColumns="false"
                ShowGroupPanel="false" ShowFooter="false" Width="1000px"
                OnNeedDataSource="rgGridResults_NeedDataSource"
                OnItemDataBound="rgGridResults_ItemDataBound"
                OnItemCommand="rgGridResults_ItemCommand">
                <ValidationSettings EnableValidation="true" ValidationGroup="vgGrid" />
                <ClientSettings Scrolling-AllowScroll="true" Scrolling-UseStaticHeaders="true" Scrolling-SaveScrollPosition="true" Scrolling-FrozenColumnsCount="3" Resizing-ResizeGridOnColumnResize="true"/>
                <MasterTableView EditMode="InPlace" DataKeyNames="donorid">
                    <Columns>
                        <telerik:GridEditCommandColumn ButtonType="LinkButton" EditText="Edit" UpdateText="Update"
                            CancelText="Cancel"/>
                        <telerik:GridBoundColumn HeaderText="Donor" DataField="name" SortExpression="name"
                            ReadOnly="true" />
                        <telerik:GridBoundColumn HeaderText="Donor ID" DataField="doid" SortExpression="doid"
                            ReadOnly="true" UniqueName="donorid"/>
                        <telerik:GridBoundColumn HeaderText="Spouse" DataField="renid" SortExpression="renid"
                            ReadOnly="true" />
                        <telerik:GridBoundColumn HeaderText="Gift ID" DataField="giftid" SortExpression="giftid"
                            ReadOnly="true" />
                        <telerik:GridBoundColumn HeaderText="Pledge ID" DataField="pledgeid" SortExpression="pledgeid"
                            ReadOnly="true" />
                        <telerik:GridTemplateColumn HeaderText="Credit Date" DataField="credtdat" SortExpression="credtdat" AllowFiltering="true" ReadOnly="true">
                            <ItemTemplate>
                                <asp:Label runat="server" ID="lblCredtDat" />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridBoundColumn HeaderText="Type" DataField="trantype" SortExpression="trantype"
                            ReadOnly="true"/>
                        <telerik:GridTemplateColumn HeaderText="Legal Amount" DataField="legal_credit" SortExpression="legal_credit" AllowFiltering="true" ReadOnly="true">
                            <ItemTemplate>
                                <asp:Label runat="server" ID="lblLegalAmount" />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn HeaderText="Soft Credit Amount" DataField="soft_credit" SortExpression="soft_credit" AllowFiltering="true" ReadOnly="true">
                            <ItemTemplate>
                                <asp:Label runat="server" ID="lblSoftCredit" />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>                        
                        <telerik:GridBoundColumn HeaderText="Fund" DataField="fund" SortExpression="fund"
                            ReadOnly="true" />
                        <telerik:GridBoundColumn HeaderText="Fund Name" DataField="fund_name" SortExpression="fund_name"
                            ReadOnly="true" />
                        <telerik:GridBoundColumn HeaderText="College" DataField="college" SortExpression="college"
                            ReadOnly="true" />
                        <telerik:GridBoundColumn HeaderText="Dept" DataField="dept_desc" SortExpression="dept_desc"
                            ReadOnly="true" />
                        <telerik:GridBoundColumn HeaderText="System Review Code" DataField="needs_review_code"
                            SortExpression="needs_review_code" ReadOnly="true" />
                        <telerik:GridBoundColumn HeaderText="System Review Comment" DataField="needs_review_comment"
                            SortExpression="needs_review_comment" ReadOnly="true" />
                        <telerik:GridTemplateColumn HeaderText="Staff Match Eligibe Flag" DataField="fs_me_flag"
                            SortExpression="fs_me_flag">
                            <EditItemTemplate>
                                <asp:RadioButtonList runat="server" ID="rbtnlFSMatchEligible" />
                            </EditItemTemplate>
                            <ItemTemplate>
                                <asp:Label runat="server" ID="lblFSMatchEligible" />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn HeaderText="Staff Match Comment" DataField="fs_me_comment"
                            SortExpression="fs_me_comment" UniqueName="fscomment">
                            <EditItemTemplate>
                                <asp:TextBox runat="server" ID="tbxFSMatchComment" />
                            </EditItemTemplate>
                            <ItemTemplate>
                                <asp:Label runat="server" ID="lblFSMatchComment" />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn HeaderText="Ren Match Eligible Flag" DataField="scn_me_flag"
                            SortExpression="scn_me_flag">
                            <EditItemTemplate>
                                <asp:RadioButtonList runat="server" ID="rbtnlRenMatchEligible" />
                            </EditItemTemplate>
                            <ItemTemplate>
                                <asp:Label runat="server" ID="lblRenMatchEligible" />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn HeaderText="Ren Match Comment" DataField="scn_me_comment"
                            SortExpression="scn_me_comment">
                            <EditItemTemplate>
                                <asp:TextBox runat="server" ID="tbxRenMatchComment" />
                            </EditItemTemplate>
                            <ItemTemplate>
                                <asp:Label runat="server" ID="lblRenMatchComment" />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn HeaderText="BUF Match Eligible Flag" DataField="sce_me_flag"
                            SortExpression="sce_me_flag">
                            <EditItemTemplate>
                                <asp:RadioButtonList runat="server" ID="rbtnlBufMatchEligible" />
                            </EditItemTemplate>
                            <ItemTemplate>
                                <asp:Label runat="server" ID="lblBufMatchEligible" />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn HeaderText="BUF Match Comment" DataField="sce_me_comment"
                            SortExpression="sce_me_comment">
                            <EditItemTemplate>
                                <asp:TextBox runat="server" ID="tbxBufMatchComment" />
                            </EditItemTemplate>
                            <ItemTemplate>
                                <asp:Label runat="server" ID="lblBufMatchComment" />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn HeaderText="Fellows Match Eligible FLag" DataField="ff_me_flag"
                            SortExpression="ff_me_flag">
                            <EditItemTemplate>
                                <asp:RadioButtonList runat="server" ID="rbtnlFFMatchEligible" />
                            </EditItemTemplate>
                            <ItemTemplate>
                                <asp:Label runat="server" ID="lblFFMatchEligible" />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn HeaderText="Fellows Match Comment" DataField="ff_me_comment"
                            SortExpression="ff_me_comment">
                            <EditItemTemplate>
                                <asp:TextBox runat="server" ID="tbxFFMatchComment" />
                            </EditItemTemplate>
                            <ItemTemplate>
                                <asp:Label runat="server" ID="lblFFMatchComment" />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn HeaderText="Encumbered" DataField="match_eligible_amount"
                            SortExpression="match_eligible_amount" ReadOnly="true">
                            <ItemTemplate>
                                <asp:Label runat="server" ID="lblEncumbered" />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn HeaderText="Disbursed" DataField="disburse_amount"
                            SortExpression="disburse_amount" ReadOnly="true">
                            <ItemTemplate>
                                <asp:Label runat="server" ID="lblDisbursed" />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn HeaderText="Disburse Date" DataField="DISBURSE_DATE" SortExpression="DISBURSE_DATE" AllowFiltering="true" ReadOnly="true">
                            <ItemTemplate>
                                <asp:Label runat="server" ID="lblDisburseDate" />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn HeaderText="Household" DataField="household_maximum_amt"
                            SortExpression="household_maximum_amt">
                            <ItemTemplate>
                                <asp:Label runat="server" ID="lblHousehold" />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                    </Columns>
                </MasterTableView>
            </telerik:RadGrid>

Thanks

[Pavlina]

Hello,

Note, that when scrolling is enabled and UseStaticHeaders is True, the grid columns should declare HeaderStyle.Width. Can you please check whether setting fixed widths for your grid columns and TableLayout = Fixed for the MasterTableView makes a difference?

Additionally, please, verify that you are using version 2010.1 415 of RadControls for ASP.NET AJAX in your project.

Best wishes,
Pavlina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[des white]

Was this resolved?

I have had issues with horizontal scrolling for some time now.
I have opened a few support tickets...the responses aer helpful and have helped but have not resolved my on going issue.

I too have a radgrid with around 30 columns.
The horizontal scroll bar is jumpy, it freezes and occasionaly disappears when using it.
Sometimes you will not be able to scroll right across to the last column but sometimes you can.

I use frozen columns too and static headers.
My table is fixed and set to 100% so will fit to the browser width.

I'd loveto know how you got on with your scrolling. Is it still an issue, if not how was it resolved.
Perhaps Im missing some telerik tricks...

[Pavlina]

Hello des white,

The problem is resolved in the latest release of the control. Try downloading the Q2 2010 version of RadControls for ASP.NET AJAX and let me know if the issue still persists.
http://www.telerik.com/support/kb/aspnet-ajax/general/updating-radcontrols-for-asp-net-to-another-version-or-license.aspx

Best wishes,
Pavlina
the Telerik team

[des white]

Hi Pavlina,

Thanks for the reply.

I am already on first Q2 2010 release and no change.
It does seem thats these issues are specifically related to IE7.

Regards, Des

[Pavlina]

Hello des white,

Please open a formal support ticket and provide a full runnable standalone web page, which reproduces the issue. We will debug it locally and get back to you with more information on the matter.

Thank you in advance.

Sincerely yours,
Pavlina
the Telerik team