hi all,
i have a grid view in a collapsible panel extender for which i want a header to be fixed ...
my code is as follows:
<ajaxToolkit:CollapsiblePanelExtender ID="cpeNewClients" runat="server" TargetControlID="pnlNewClients"
CollapsedSize="0" Collapsed="false" ImageControlID="imgShowHide" AutoExpand="true"
CollapseControlID="imgShowHide" ExpandControlID="imgShowHide" ExpandedImage="../Images/collapse.jpg"
CollapsedImage="../Images/expand.jpg">
</ajaxToolkit:CollapsiblePanelExtender>
<asp:Panel ID="pnlNewClients" runat="server">
<div id="divSuspectCoacheeList" style="width: 1022px; overflow: auto; height: 188px;">
<asp:GridView ID="grvSuspectCoacheeList" runat="server" SkinID="gvStyle" AutoGenerateColumns="false"
AllowSorting="true" OnSorting="grvSuspectCoacheeList_OnSort" OnRowDataBound="grvSuspectCoacheeList_OnRowDataBound">
<HeaderStyle CssClass="fixedHeader" />
<Columns>
............
</Columns>
</asp:GridView>
</div>
</asp:Panel>
and the class fixedHeader is as follows:
.fixedHeader
{
position: relative;
top : BLOCKED EXPRESSION;
background-color:#5C8EC7;
}
this works fien for a grid in normal div... but when i code for collpasible panel , for this when i scroll on scroll bar it works fine... but if scroll on a panel containing grid or on grid the header floats...
how to handle it?