What I have is a datagrid within a panel, in a css file i had the headers and footers locked at the top and bottom of the panel. Now however the datagrid header doesn't lock anymore I am hoping someone here will have some suggestions
Any help at all would be greatly appreciated
To go where no programmer has gone before.
Code:
<style type="text/css" media="all">@import url ../common\css\Design.css );
</style>
<asp:Panel ID="Panel1" runat="server" Height="352px" Width="100%" BorderStyle="Solid" BorderWidth="1px" HorizontalAlign="Left" ScrollBars="Auto">
<atlas:UpdatePanel ID="UpdatePanel3" runat="server">
<ContentTemplate>
<asp:datagrid id="DataGrid1" Font-Size="10pt" EnableViewState="True"
BorderColor="Gray" BorderStyle="Solid" BorderWidth="1px" ShowFooter="True" OnItemDataBound="Calculate"
HorizontalAlign="Left" CellSpacing="1" CellPadding="1" Runat="server" AutoGenerateColumns="True"
ForeColor="#ffffff">
<FooterStyle Font-Size="10pt" HorizontalAlign="Center" ForeColor="Red" CssClass="ms-formlabel DataGridFixedFooter"
BackColor="#CCCCFF"></FooterStyle>
<AlternatingItemStyle Font-Size="10pt" Font-Names="Trebuchet MS" HorizontalAlign="Center" ForeColor="Blue"></AlternatingItemStyle>
<ItemStyle Font-Size="10pt" Font-Names="Trebuchet MS" HorizontalAlign="Center" ForeColor="Black"></ItemStyle>
<HeaderStyle Font-Size="10pt" Font-Names="Trebuchet MS" Wrap="False" HorizontalAlign="Center"
CssClass="ms-formlabel DataGridFixedHeader" BackColor="#CCCCFF"></HeaderStyle>
</asp:datagrid>
</ContentTemplate>
</atlas:UpdatePanel>
</asp:Panel>
Here si what is in the CSS file.
.DataGridFixedHeader { LEFT: -1px; POSITION: relative; TOP: expression(this.offsetParent.scrollTop-2); BACKGROUND-COLOR: #ccccff; border-color:Black; border-style:solid}
.DataGridFixedFooter { LEFT: -1px; POSITION: relative; TOP: expression(this.offsetParent.scrollTop+this.offsetParent.offsetHeight-this.offsetParent.scrollHeight-19); BACKGROUND-COLOR: #ccccff }
Any help at all would be greatly appreciated
To go where no programmer has gone before.