How to make a grid show vertical scroll only

[roshin]

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>

[Shinu]

Hello Roshin,


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

CSS:

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

-Shinu.