asked on

Editable Gridview scroll bar

I have this code in ASP.NET VS 2008 C#:

How do I keep the column header outside of the scroll bar in the Gridview? With this code if I scroll down the header row disappears...
Thanks.

<%@ Page Language="C#" .....>
   <style type='text/css'>
  
  .TextBoxGridViewNormal
   {
	border:solid 1px #EEE;
	/*text-align:center;*/	
	width:100%;
	height:100%;
    }
   .TextBoxGridViewEmpty
    {
	border:solid 1px #EEE;
	text-align: center;
	background-color: #CACAFF;	
	width:100%;
	height:100%;
    }      
    </style> 

 <asp:Panel ID="pnltop3" runat="server" Height="300px" style="width:60%;" ScrollBars="Auto">
                <table style="width:100%;">
                    <tr>
                    <td>
                    

                <asp:GridView ID="grd1" runat="server" AllowPaging="False" 
                CellPadding="5" CellSpacing="3" HeaderStyle-CssClass="headerRowGrid" GridLines="None"  
                            BorderWidth="1px" HeaderStyle-Wrap="false"  BorderColor="#EEEEEE"   RowStyle-CssClass="tableEvenRow"
                AlternatingRowStyle-CssClass="tableOddrow"
                AllowSorting="True" AutoGenerateColumns="False"
                <Columns> HeaderText="MyHeader"
.....
.....
 </Columns>

               </asp:GridView>
            

                    </td>
                    </tr>
                </table>
          </asp:Panel>

Open in new window

SOLUTION

Kiran Sonawane

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

ASKER CERTIFIED SOLUTION

Kiran Sonawane

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

toooki

ASKER

Thank you.
But the example itself does not give a good solution. The header obstruct the first row...Also the width of the header columns do not match with those of the grid columns..overall terrible..

toooki

ASKER

Thank you all.