Unwanted scroll displayed in Grid at the bottom.

[Jagadeeswararao]

unwanted scroll displayed at bottom.. how can i remove it.
Please find the attached screen shot.

Thanks,
Jagadeesh

[Shinu]

Hi Jagadeeswararao,

In order to not have a horizontal RadGrid scrollbar, I suggest that you set the TableLayout of the MasterTableView to "Fixed", remove the MasterTableView's width and make sure that if you are setting column widths, their sum does not exceed the width of RadGrid. Also try to leave one column with no width. If this doesn't help, provide your code snippet.

Thanks,
Shinu

[Jagadeeswararao]

Hi shinu,

   I tried the things what you mentioned, but no use. :(
 
   below is my code :
<telerik:RadGrid ID="TelerikGrid" runat="server" PagerStyle-AlwaysVisible="true"  Width="100%"  EnableViewState="true"
                            GridLines="None" Skin="new" EnableEmbeddedSkins="false" AllowSorting="true" AllowPaging="true"   
                            ActiveItemStyle-Wrap="true" PagerStyle-ShowPagerText="true" PageSize="10"  style="border-width: 0px;"
               ClientSettings-Resizing-AllowColumnResize="true" ClientSettings-Resizing-ResizeGridOnColumnResize="false"
               OnItemCommand="RadGrid1_ItemCommand" OnItemDataBound="RadGrid1_ItemDataBound"  OnNeedDataSource="TelerikGrid_NeedDataSource"
               OnPageIndexChanged="TelerikGrid_OnPageIndexChanged" OnPageSizeChanged="TelerikGrid_PageSizeChanged">
                              
               <PagerStyle PagerTextFormat=" Change page: {4}  {5} Item(s) in {1} Page(s) " NextPageImageUrl="~/_layouts/Images/CoreSystem.LayoutsApp/SinglePlus.gif"
                                PrevPageImageUrl="~/_layouts/Images/CoreSystem.LayoutsApp/SingleMinus1.gif" NextPageToolTip=""
                                PrevPageToolTip="" Height="40px" >
                            </PagerStyle>
               <MasterTableView AutoGenerateColumns="False" TableLayout="Fixed" BorderWidth="0" BorderColor="#999999">
                  <RowIndicatorColumn>
                     <HeaderStyle ></HeaderStyle>
                  </RowIndicatorColumn>
                  <ExpandCollapseColumn>
                     <HeaderStyle></HeaderStyle>
                  </ExpandCollapseColumn>
                  <Columns>
                     <telerik:GridTemplateColumn Visible="false" ItemStyle-Wrap="true" >
                        <ItemTemplate>
                           <asp:Label ID="lblActionsType" runat="server" Text='<%#Eval("xxxxx") %>'></asp:Label>
                        </ItemTemplate>                        
                     </telerik:GridTemplateColumn>
                     <telerik:GridTemplateColumn Visible="false" ItemStyle-Wrap="true" Resizable="true">
                        <ItemTemplate>
                           <asp:Label ID="lblDNRxxxxx" runat="server" Text='<%#Eval("DNRxxxxx") %>'></asp:Label>
                        </ItemTemplate>
                     </telerik:GridTemplateColumn>
                     <telerik:GridTemplateColumn Visible="false" ItemStyle-Wrap="true" Resizable="true">
                        <ItemTemplate>
                           <asp:Label ID="lblxxxxx" runat="server" Text='<%#Eval("xxxxx") %>'></asp:Label>
                        </ItemTemplate>
                     </telerik:GridTemplateColumn>
                     <telerik:GridTemplateColumn Visible="false" ItemStyle-Wrap="true" Resizable="true">
                        <ItemTemplate>
                           <asp:Label ID="lblxxxxx" runat="server" Text='<%#Eval("xxxxxIndicator") %>'></asp:Label>
                        </ItemTemplate>
                     </telerik:GridTemplateColumn>
                     <telerik:GridTemplateColumn Visible="false" ItemStyle-Wrap="true" Resizable="true">
                        <ItemTemplate>
                           <asp:Label ID="lblstatus" runat="server" Text='<%#Eval("xxxxx") %>'></asp:Label>
                        </ItemTemplate>
                     </telerik:GridTemplateColumn>
                     <telerik:GridTemplateColumn Visible="false" ItemStyle-Wrap="true" Resizable="true">
                        <ItemTemplate>
                           <asp:Label ID="lblxxxxxxxxxxCode" runat="server" Text='<%#Eval("xxxxxxxxxxCode") %>'></asp:Label>
                        </ItemTemplate>
                     </telerik:GridTemplateColumn>      
                     
                       <%--<telerik:GridBoundColumn DataField="xxxxx" HeaderText="xxxxx (ID)" ItemStyle-Wrap="true"
                        Resizable="true">
                        <ItemStyle Font-Names="Arial" />
                        <HeaderStyle  Font-Size="12px" />
                     </telerik:GridBoundColumn>
                     <telerik:GridBoundColumn DataField="xxxxxNumber" HeaderText="xxxxx Number" ItemStyle-Wrap="true"
                        Resizable="true">
                        <ItemStyle Font-Names="Arial" />
                        <HeaderStyle Font-Size="12px" />
                     </telerik:GridBoundColumn>
                     <telerik:GridBoundColumn DataField="xxxxxxxxxxxxxxx" HeaderText="xxxxx xxxxx xxxxx"
                        ItemStyle-Wrap="true" Resizable="true">
                        <ItemStyle Font-Names="Arial" />
                        <HeaderStyle  Font-Size="12px" />
                     </telerik:GridBoundColumn>
                     <telerik:GridBoundColumn DataField="xxxxxxxxxx" HeaderText="xxxxx xxxxx" ItemStyle-Wrap="true"
                        Resizable="true">
                        <ItemStyle Font-Names="Arial" />
                        <HeaderStyle  Font-Size="12px" />
                     </telerik:GridBoundColumn>
                     <telerik:GridBoundColumn DataField="xxxxxxxxxxName" HeaderText="xxxxx xxxxx" ItemStyle-Wrap="true"
                        Resizable="true">
                        <ItemStyle Font-Names="Arial" />
                        <HeaderStyle  Font-Size="12px" />
                     </telerik:GridBoundColumn>
                     <telerik:GridBoundColumn DataField="xxxxx" HeaderText="xxxxx" ItemStyle-Wrap="true" Resizable="true">
                        <ItemStyle Font-Names="Arial" />
                        <HeaderStyle  Font-Size="12px" />
                     </telerik:GridBoundColumn>
                     <telerik:GridBoundColumn DataField="xxxxx" HeaderText="xxxxx" ItemStyle-Wrap="true"
                        Resizable="true">
                        <ItemStyle Font-Names="Arial" />
                        <HeaderStyle Font-Size="12px" />
                     </telerik:GridBoundColumn>
                     <telerik:GridBoundColumn DataField="xxxxx" HeaderText="xxxxx" ItemStyle-Wrap="true"
                        Resizable="true">
                        <ItemStyle Font-Names="Arial" />
                        <HeaderStyle  Font-Size="12px" />
                        <HeaderStyle Font-Size="12px" />
                     </telerik:GridBoundColumn>--%>                                                       
                      
                    
                     <telerik:GridTemplateColumn HeaderText="Actions"  Resizable="true" DataField="Actions"
                                        SortExpression="Actions" UniqueName="Actions" HeaderButtonType="TextButton">
                        <HeaderStyle Width="100px" Font-Size="12px" Font-Underline="false" HorizontalAlign="Center" VerticalAlign="Middle" Font-Bold="true"/>
                        <ItemTemplate >
                           <asp:LinkButton ID="LnkEdit" runat="server" Text="View" CommandName="EDIT" CommandArgument='<%#Eval("xxxxxID")+ ","+ Eval("xxxxx") %>'
                              ForeColor="Orange" ToolTip="View xxxxx" Visible="false"></asp:LinkButton>
                           <asp:ImageButton ID="ImgEdit" runat="server" ImageUrl="~/_layouts/Images/CoreSystem.LayoutsApp/edit_icon.gif"
                              Width="16px" Height="16px" alt="" CommandName="EDIT" CommandArgument='<%#Eval("xxxxxID")+ ","+ Eval("xxxxx") %>'
                              ToolTip="Edit xxxxx" />
                           <asp:ImageButton ID="ImgAction" runat="server" Width="18px" Height="20px" alt=""
                              CommandName='<%#Eval("xxxxx") %>' CommandArgument='<%#Eval("xxxxxID") %>' />
                           
                           <asp:ImageButton ID="ImgDNR" runat="server" Width="15px" Height="15px" alt="" CommandName="DNR"
                              CommandArgument='<%#Eval("xxxxxID") %>' />
                              <asp:ImageButton ID="ImgDelete" runat="server" ImageUrl="~/_layouts/Images/CoreSystem.LayoutsApp/Delete.gif"
                              Width="16px" Height="16px" alt="" CommandArgument='<%#Eval("xxxxxID") %>' CommandName="DELETE"
                              ToolTip="Delete xxxxx" />
                        </ItemTemplate>
                     </telerik:GridTemplateColumn>

                     <telerik:GridTemplateColumn  Resizable="true" DataField="xxxxx" HeaderText="xxxxx"
                                        SortExpression="xxxxx" UniqueName="xxxxx" HeaderButtonType="TextButton">
                                                  <ItemTemplate>
                            <asp:Label ID="Lblxxxxx" runat="server" Text='<%#Eval("xxxxx") %>' Visible="true"></asp:Label>
                           </ItemTemplate>
                           <HeaderStyle Font-Bold="true" Font-Underline="false" Font-Size="12px" />
                          
                      </telerik:GridTemplateColumn>

                      <telerik:GridTemplateColumn  Resizable="true" DataField="xxxxxNumber" HeaderText="xxxxxNumber"
                                        SortExpression="xxxxxNumber" UniqueName="xxxxxNumber" HeaderButtonType="TextButton">                        
                          <ItemTemplate>
                            <asp:Label ID="LblxxxxxNumber" runat="server" Text='<%#Eval("xxxxxNumber") %>' Visible="true"></asp:Label>
                           </ItemTemplate>
                           <HeaderStyle  Font-Bold="true" Font-Underline="false" Font-Size="12px" />
                          <ItemStyle Font-Names="Arial" Font-Size="11px" />
                      </telerik:GridTemplateColumn>

                        <telerik:GridTemplateColumn  Resizable="true" DataField="xxxxxxxxxxxxxxx" HeaderText="xxxxx xxxxx xxxxx"
                                        SortExpression="xxxxxxxxxxxxxxx" UniqueName="xxxxxxxxxxxxxxx" HeaderButtonType="TextButton">
                        
                          <ItemTemplate>
                            <asp:Label ID="Lblxxxxxxxxxxxxxxx" runat="server" Text='<%#Eval("xxxxxxxxxxxxxxx") %>' Visible="true"></asp:Label>
                           </ItemTemplate>
                           <HeaderStyle  Font-Bold="true" Font-Underline="false" Font-Size="12px" />
                          <ItemStyle Font-Names="Arial" Font-Size="11px" />
                      </telerik:GridTemplateColumn>
                     
                      <telerik:GridTemplateColumn  Resizable="true" DataField="xxxxxxxxxx" HeaderText="xxxxx xxxxx"
                                        SortExpression="xxxxxxxxxx" UniqueName="xxxxxxxxxx" HeaderButtonType="TextButton">
                        
                          <ItemTemplate>
                            <asp:Label ID="Lblxxxxxxxxxx" runat="server" Text='<%#Eval("xxxxxxxxxx") %>' Visible="true"></asp:Label>
                           </ItemTemplate>
                           <HeaderStyle  Font-Bold="true" Font-Underline="false" Font-Size="12px" />
                          <ItemStyle Font-Names="Arial" Font-Size="11px" />
                      </telerik:GridTemplateColumn>
                      
                       <telerik:GridTemplateColumn  Resizable="true" DataField="xxxxxxxxxxName" HeaderText="xxxxx xxxxx"
                                        SortExpression="xxxxxxxxxxName" UniqueName="xxxxxxxxxxName" HeaderButtonType="TextButton">
              
                          <ItemTemplate>
                            <asp:Label ID="LblxxxxxxxxxxName" runat="server" Text='<%#Eval("xxxxxxxxxxName") %>' Visible="true"></asp:Label>
                           </ItemTemplate>
                           <HeaderStyle  Font-Bold="true" Font-Underline="false" Font-Size="12px" />
                          <ItemStyle Font-Names="Arial" Font-Size="11px" />
                      </telerik:GridTemplateColumn>


                     <telerik:GridTemplateColumn Resizable="true" DataField="xxxxx" HeaderText="xxxxx"
                                        SortExpression="xxxxx" UniqueName="xxxxx" HeaderButtonType="TextButton">
                       
                          <ItemTemplate>
                            <asp:Label ID="Lblxxxxx" runat="server" Text='<%#Eval("xxxxx") %>' Visible="true"></asp:Label>
                           </ItemTemplate>
                           <HeaderStyle  Font-Bold="true" Font-Underline="false" Font-Size="12px" />
                          <ItemStyle Font-Names="Arial" Font-Size="11px" />
                      </telerik:GridTemplateColumn>
                        
                       <telerik:GridTemplateColumn  Resizable="true" DataField="xxxxx"  HeaderText="xxxxx"
                                        SortExpression="xxxxx" UniqueName="xxxxx" HeaderButtonType="TextButton">
                        
                          <ItemTemplate>
                            <asp:Label ID="Lblxxxxxs" runat="server" Text='<%#Eval("xxxxx") %>' Visible="true"></asp:Label>
                           </ItemTemplate>
                           <HeaderStyle Font-Bold="true" Font-Underline="false" Font-Size="12px" />
                          <ItemStyle Font-Names="Arial" Font-Size="11px" />
                      </telerik:GridTemplateColumn>

                       <telerik:GridTemplateColumn  Resizable="true" DataField="xxxxx" HeaderText="xxxxx"
                                        SortExpression="xxxxx" UniqueName="xxxxx" HeaderButtonType="TextButton">
                        
                          <ItemTemplate>
                            <asp:Label ID="Lblxxxxx" runat="server" Text='<%#Eval("xxxxx") %>' Visible="true"></asp:Label>
                           </ItemTemplate>
                           <HeaderStyle  Font-Bold="true" Font-Underline="false" Font-Size="12px" />
                          <ItemStyle Font-Names="Arial" Font-Size="11px" />
                      </telerik:GridTemplateColumn>
                   
                  </Columns>
               </MasterTableView>
            </telerik:RadGrid>
  

[Shinu]

Hi Jagadeeswararao,

Can you try setting the following CSS class to hide the horizontal scroll bar.

CSS:

<style type="text/css">
#<%= RadGrid1.ClientID %>_GridData
{
  overflow-x:hidden !important;
}
</style>

Thanks,
Shinu

[Jagadeeswararao]

Hi shinu,
  thanks for the code.
  Actually i have this grid inside an asp panel. which having property overflow-x:scroll. I have just set the overflow-x:hidden which is working fine(scroll was dissappeared). Any way thanks for looking this issue.

Thanks,
Jagadeesh.