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

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?

How to Horizontal and vertical Scroll bar in GridView

1 solution

Solution 1

Add your solution here

Preview 0

How to Horizontal and vertical Scroll bar in GridView

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us