asked on

Table header not displaying on Firefox and Chrome

I have a page that displays a table. When using ie it prints the header of the table just fine.
Firefox only prints the first page
Chrome prints both pages but page 2 doesn't display the table header

How can I fix this issues ? I am using the css below:

<style type="text/css" media="print">
@page {
    size: auto;   /* auto is the initial value */
    margin: 30px;  /* this affects the margin in the printer settings */
}
thead {display: table-header-group;}

</style>

Open in new window

Attached is the example from Chrome.
Notes_temp.pdf

ASKER CERTIFIED SOLUTION

Kim Walker

membership

This solution is only available to members.

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

Start Free Trial

Aleks

ASKER

I'll post the code of the page shortly

Aleks

ASKER

Attached is the code to that page. Problems with the page are:

1) Only page 1 prints on Firefox
2) Chrome prints both pages but doesnt show table header on page 2

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<%
Response.ContentType = "text/html"
Response.AddHeader "Content-Type", "text/html;charset=UTF-8"
Response.CodePage = 65001
Response.CharSet = "UTF-8"
%>
<!DOCTYPE html>

<!--#BlueDot Include files-->
<!--#include file="../../Connections/bluedot.asp" -->
<!--#include file="../../includes/bdot/attysessiontimeoutvb2.asp"-->
<!--#BeginBlock-->

<!--#Recordsets include-->



<!--#Repeated regions-->
<%
Dim Repeat1__numRows
Dim Repeat1__index

Repeat1__numRows = -1
Repeat1__index = 0
rs_notes_numRows = rs_notes_numRows + Repeat1__numRows
%>

<!--#head includes-->

<html>
<head>
<!--#include file="../../includes/bdot/scripts.asp"-->
<!--#include file="../../includes/bdot/headlevel2.asp"-->
<style type="text/css" media="print">
@page {
    size: auto;   /* auto is the initial value */
    margin: 30px;  /* this affects the margin in the printer settings */
}
thead {display: table-header-group;}

</style>
</head>

<!--#Body-->
<body>

<!-- Contact notes-->
     <div class="col-lg-12">
       <div class="ibox float-e-margins">
         <div class="ibox-content">
             <table class="table table-striped table-bordered table-hover" >
               <thead>
                 <tr>
                   <th width="10%">Updated on</th>
                  <th width="68%">Notes | <%=(rs_contact.Fields.Item("FirstNm").Value)%>&nbsp;<%=(rs_contact.Fields.Item("MiddleNm").Value)%>&nbsp;<%=(rs_contact.Fields.Item("LastNm").Value)%></th>
                  <th width="10%">Updated by</th>
                  <th width="7%">Employer</th>
                  <th width="5%">Contact</th>
                  </tr>
               </thead>
               <tbody>
                <% 
While ((Repeat1__numRows <> 0) AND (NOT rs_notes.EOF)) 
%>
  <tr class="gradeX">
    <td><%= DoDateTime((rs_notes.Fields.Item("Lastupdate").Value), 2, 9225) %></td>
    <td><%=(rs_notes.Fields.Item("Comments").Value)%></td>
                    <td><%=(rs_notes.Fields.Item("MailStr").Value)%>&nbsp;<%=(rs_notes.Fields.Item("MaidenNm").Value)%></td>
                    <td><%= CI_ShowYesNo1((rs_notes.Fields.Item("visibleemployer").Value)) %></td>
                    <td><%= CI_ShowYesNo1((rs_notes.Fields.Item("Visible").Value)) %></td>
  </tr>
                  <% 
  Repeat1__index=Repeat1__index+1
  Repeat1__numRows=Repeat1__numRows-1
  rs_notes.MoveNext()
Wend
%>
               </tbody>

               <tfoot>
               </tfoot>
             </table>
           </div>
         </div>
       </div> 
</div>



   

<!-- Bootstrap scripts -->
<!--#include file="../../includes/bdot/bdotbootstrapscriptslevel2.asp"-->  

<!-- Page-Level Scripts -->
<script type="text/javascript">
window.print();
</script>
  
  </body>
</html>
 

<!-- Recordset include close -->
<!--#include file="../../includes/bdot/recordsetsclose.asp"-->

Open in new window

Kim Walker

I'm afraid the code is not very useful without all the support files (CSS, script, images) and table content. And it's even less useful to me since I don't have ASP. But I seriously doubt it has anything to do with ASP. Can you post a link to the live page?

SOLUTION

Aleks

membership

This solution is only available to members.

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

Start Free Trial

SOLUTION

Kim Walker

membership

This solution is only available to members.

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

Start Free Trial

Aleks

ASKER

Thank you. I will redo the page without bootstrap elements and keeping it simple.