I want add to Header of Gridview on each print page can you please help me
below is my code :
enter code here
My code is not working please explain me where I am wrong
<asp:Content ID="cMain" ContentPlaceHolderID="phMain" Runat="Server">
<style type="text/css">
@media print
{
tHead
{
display : table-header-group;
border:solid 1px #000000;
}
.Logo
{
font-family:Verdana;
font-size:16px;
font-weight:bold;
color:#000000;
}
}
</style>
<script language="javascript" type="text/javascript">
function AddTHEAD(tableName) {
var table = document.getElementById(tableName);
if (table != null) {
var head = document.createElement("THEAD");
head.style.display = "table-header-group";
head.appendChild(table.rows[0]);
table.insertBefore(head, table.childNodes[0]);
}
}
</script>
<asp:Panel ID = "Panel1" runat ="server" ScrollBars = "Auto" BackColor = "GhostWhite" >
<body onload="javascript:AddTHEAD('GRDView.ClientID');">
<asp:GridViewid="GRDView"
runat="server"
PageSize="22"
OnPageIndexChanging="GRDView_PageIndexChanging"
AllowPaging="true"
HorizontalAlign="Center" BorderColor ="Black" Width = "762" Font-Names="Calibri"
AllowSorting = "true" OnSorting ="GRDView_Sorting" >
<HeaderStyle BackColor="SteelBlue" Font-Bold="true" ForeColor="White" Font-Size = "Medium" Font-Names="Calibri" Wrap ="true" Height = "30" />
<RowStyle BackColor="AliceBlue" Font-Size = "Small" Font-Names="Calibri" />
<AlternatingRowStyle BackColor="White" Font-Size = "Small" Font-Names="Calibri"/>
<PagerStyle
BackColor="SteelBlue"
ForeColor="Snow"
Font-Size="Large"
Font-Names="Calibri"
/>
<PagerSettings
Position="Bottom"
mode = "NumericFirstLast"
LastPageText = "Last Page" />
</asp:GridView>
</asp:Panel>
</asp:Content>
