How to Horizontal and vertical Scroll bar in GridView

Question

0.00/5 (No votes)

See more:

XML

<asp:GridView ID="SalesGrid" runat="server" AllowPaging="true"
        BackColor="White" BorderColor="#336666" BorderStyle="Double" BorderWidth="3px"
        CaptionAlign="Top" CellPadding="4"
        style="z-index: 1; left: 101px; top: 411px; position: absolute; height: 313px; width: 554px; bottom: -228px;"
        GridLines="Both" onrowdatabound="GridView1_RowDataBound"
        onpageindexchanging="GridView1_PageIndexChanging"
        ondatabound="SalesGrid_DataBound" Visible="False"
        ShowFooter="true"
        onrowcreated="SalesGrid_RowCreated">

        <EditRowStyle Wrap="False" />
        <FooterStyle BackColor="LightBlue" BorderColor="Red" ForeColor="#333333" Font-Bold="true"/>
        <HeaderStyle BackColor="#336666" ForeColor="White" Font-Bold="True" />
        <PagerStyle ForeColor="White" BackColor="#336666" HorizontalAlign="Center" />
        <RowStyle BackColor="White" ForeColor="#333333" Wrap="False" />
        <SelectedRowStyle BackColor="#339966"  BorderColor="AliceBlue" ForeColor="White" Font-Bold="true" />
        <SortedAscendingCellStyle BackColor="#F7F7F7" />
        <SortedAscendingHeaderStyle BackColor="#487575" />
        <SortedDescendingCellStyle BackColor="#E5E5E5" />
        <SortedDescendingHeaderStyle BackColor="#275353" />
    </asp:GridView>

Posted 27-Sep-13 21:20pm

Member 10222278

Add a Solution

Comments

Member 10222278 28-Sep-13 3:21am

Version 4.0

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

ridoy · Accepted Answer · 2013-09-27T21:42:00

Solution 1

Use div to have vertical scroll bar inside the GridView.

ASP

<div id="divGridViewScroll" style="width: 600px; height: 400px; overflow: scroll"></div>

For rest see:
Horizontal Scrollbars in GridView[^]
Fixed GridView Header with horizontal and vertical scrolling in asp.net[^]

Posted 27-Sep-13 21:42pm

ridoy

Comments

Member 10222278 28-Sep-13 3:59am

ridoy 28-Sep-13 4:12am

Change your first line with <div id="divGridViewScroll" style="width: 600px; height: 400px; overflow: scroll">

Member 10222278 28-Sep-13 4:00am

It's not working?

Member 10222278 28-Sep-13 6:15am

Hi,DIV visibility hideen in run mode please help me...

ridoy 28-Sep-13 7:50am

there are no possibility of div to be hidden,check whether you make it hidden or not.

Member 10222278 4-Oct-13 8:31am

I have put it the panel. It will work fine.

ridoy 4-Oct-13 8:33am

So,do your problem solved?

Member 10222278 5-Oct-13 6:44am

Yes thank you.

ridoy 5-Oct-13 6:46am

So would you accept the solution so that it can help others?