This is a migrated thread and some comments may be shown as answers.

Unwanted scroll displayed in Grid at the bottom.

4 Answers 24 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Jagadeeswararao
Top achievements
Rank 1
Jagadeeswararao asked on 26 Jun 2014, 07:24 AM
unwanted scroll displayed at bottom.. how can i remove it.
Please find the attached screen shot.

Thanks,
Jagadeesh

4 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 1
answered on 26 Jun 2014, 09:48 AM
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
0
Jagadeeswararao
Top achievements
Rank 1
answered on 26 Jun 2014, 10:09 AM
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>
  
0
Shinu
Top achievements
Rank 1
answered on 27 Jun 2014, 08:36 AM
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
0
Jagadeeswararao
Top achievements
Rank 1
answered on 27 Jun 2014, 09:45 AM
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.
Tags
Grid
Asked by
Jagadeeswararao
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 1
Jagadeeswararao
Top achievements
Rank 1
Share this question
or