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

How to make a grid show vertical scroll only

1 Answer 1256 Views
Grid
This is a migrated thread and some comments may be shown as answers.
roshin
Top achievements
Rank 1
roshin asked on 28 Jan 2011, 10:11 AM
Is there any way we can avoid the grid from showing horizontal scroll but only vertical scroll the code i am using is 

Thanks
Roshin
 
<telerik:RadGrid ID="gvDetail" runat="server" AllowPaging="True" AutoGenerateColumns="False"
                    GridLines="None" OnItemCommand="gvDetail_ItemCommand" OnNeedDataSource="gvDetail_NeedDataSource"
                    Width="100%">
                    <ClientSettings>
                        <Scrolling AllowScroll="True" />
                    </ClientSettings>
                    <MasterTableView AutoGenerateColumns="false" DataKeyNames="SNo,RegRegion,CCCName,Address,ContactDetails,Benefits">
                        <NoRecordsTemplate>
                            No data available</NoRecordsTemplate>
                        <Columns>
                            <telerik:GridBoundColumn DataField="SNo" HeaderText="Serial Number" />
                            <telerik:GridBoundColumn DataField="RegRegion" HeaderText="Location" />
                            <telerik:GridBoundColumn DataField="CCCName" HeaderText="Child Care Centre Name" />
                            <telerik:GridBoundColumn DataField="Address" HeaderText="Address" />
                            <telerik:GridBoundColumn DataField="ContactDetails" HeaderText="URL & Contact Details" />
                            <telerik:GridBoundColumn DataField="Benefits" HeaderText="Benefits" />
                            <telerik:GridTemplateColumn HeaderText="Edit" UniqueName="TemplateColumn">
                                <ItemTemplate>
                                    <asp:LinkButton ID="lnkEdit" runat="server" CausesValidation="false" CommandName="ViewSelected"
                                        Text="Edit"></asp:LinkButton>
                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn HeaderText="Delete" UniqueName="TemplateColumnDel">
                                <ItemTemplate>
                                    <asp:LinkButton ID="lnkDelete" runat="server" CausesValidation="false" CommandName="Delete"
                                        OnClientClick="return confirm('Are you certain you want to delete?');" Text="Delete">
                                    </asp:LinkButton>
                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                        </Columns>
                    </MasterTableView>
                </telerik:RadGrid>




1 Answer, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 28 Jan 2011, 01:55 PM
Hello Roshin,


Adding the following CSS on page will hide the horizontal scrollbar from the grid.

CSS:
.rgDataDiv
{
    overflow-x: hidden !important;
}


-Shinu.
Tags
Grid
Asked by
roshin
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Share this question
or