thead가 IE9 용 각 페이지에 인쇄하지 않습니다.

Question

테이블에 포함 된 보고서가 있습니다. 인쇄 할 때 각 페이지의 머리글을 인쇄하기 위해 display: table-header-group; 스타일로 표 머리글에 <thead>을 사용합니다. IE 9를 제외하고 대부분의 브라우저에서 정상적으로 작동합니다.

아쉽게도 독점 정보가 포함 된 주문이므로 실제 코드를 제공 할 수 없습니다. 몇 가지 유형을 시도했지만 Internet Explorer 9에서 프린터로 인쇄 할 때 각 페이지의 표 머리글을 인쇄 할 수 없습니다. 누구든지이 문제를 해결하고 수정 사항을 알고 있습니까?

HTML

<table id="pt"> 
    <thead> 
     <tr class="header"> 
      <td colspan="4"> 
       <h1>egdfgsdfg</h1> 
       <h3>sdfgsdfg</h3> 
      </td> 
      <td colspan="2" class="align-right"> 
       <h2>sdfgsdfg</h2> 
       sdfgsdfgsdfg 
      </td> 
     </tr> 
     <tr class="contacts"> 
      <td colspan="3">sdfgsdfg</td> 
      <td colspan="3">sdfgsdfgs</td> 
     </tr> 
     <tr class="header-info">     
      <td>asdfadfasdf</td> 
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr class="column-headers">    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
    </thead> 
    <tbody> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
    </tbody> 
</table> 

CSS :

#pt thead { 
    display: table-header-group; 
} 

Answer 1

가 IE의 개발 도구를 통해 설정 '호환성'을 사용하여 시도하고 작동되는지 확인합니다. 실제로 작동하는 경우 META 태그를 사용하여 강제로 작동시켜야 할 수도 있습니다. 단지 그것이 어딘가에있는 CSS 또는 실제 IE 9인지 확인하기 위해. '디스플레이 : 테이블 헤더 그룹의 테이블이 여러 가진 요소가 포함되어있는 경우 모든 CSS를 지정

Answer 2

봅니다 "자신에게

<style type="text/css" media="print,screen" > 
th { 
    font-family:Arial; 
    color:black; 
    background-color:lightgrey; 
} 

thead { 
    display:table-header-group; 
} 

tbody { 
    display:table-row-group; 
} 
tfoot { 
    display: table-footer-group; 
} 
</style> 

<table border="1" cellpadding="2" cellspacing="0"> 
    <thead> 
     <tr> 
      <th>ID</th> 
      <th>First Name</th> 
      <th>Last Name</th> 
     </tr> 
    </thead> 
    <tbody> 
       <tr> 
       <td>#i#</td> 
       <td>First Name #i#</td> 
       <td>Last Name #i#</td> 
       </tr> 
    </tbody> 
</table> 

Answer 3

속성 첫 번째는 헤더로 렌더링을, 다른 사람과 같이 취급됩니다 만약 그들이 'display : table-row-group' "을 가지고 있다면 - W3.org

그래서 같은 페이지에 그 속성을 가진 테이블이 여러 개 없기를 바랍니다.

Kelly가 제안한 것처럼 호환성이 문제를 일으키는 지 확인하는 것이 좋습니다. 문서의 헤드 섹션에서 사용하고 도움이된다면 참조 :

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

Answer 4

<th> 태그에 <thead> 내의 모든 <td> 태그를 변경하려고 어떻습니까?

그런가요? 제라드 Farrish 그의 의견에 묵시적으로

<table id="pt" border="1"> 
    <thead> 
     <tr class="header"> 
      <th colspan="4"> 
       <h1>egdfgsdfg</h1> 
       <h3>sdfgsdfg</h3> 
      </th> 
      <th colspan="2" class="align-right"> 
       <h2>sdfgsdfg</h2> 
       sdfgsdfgsdfg 
      </th> 
     </tr> 
     <tr class="contacts"> 
      <th colspan="3">sdfgsdfg</th> 
      <th colspan="3">sdfgsdfgs</th> 
     </tr> 
     <tr class="header-info">     
      <th>asdfadfasdf</th> 
      <th>asdfadfasdf</th>    
      <th>asdfadfasdf</th>    
      <th>asdfadfasdf</th>    
      <th>asdfadfasdf</th>    
      <th>asdfadfasdf</th> 
     </tr> 
     <tr class="column-headers">    
      <th>asdfadfasdf</th>    
      <th>asdfadfasdf</th>    
      <th>asdfadfasdf</th>    
      <th>asdfadfasdf</th>    
      <th>asdfadfasdf</th>    
      <th>asdfadfasdf</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
    </tbody> 
</table> 

Answer 5

문제는 질문을 게시하는 외부 마크 업이나 스타일에있다. 다음 html에는 게시 된 마크 업과 스타일이 포함되어 있지만 본문 행은 두 번 인쇄 된 페이지를 만드는 데 충분한 시간 반복됩니다. IE9는 테스트 한 모든 브라우저 모드/문서 모드 조합을 사용하여 인쇄 미리보기의 두 페이지에 헤더를 표시합니다.

브라우저 모드/문서 모드 테스트 :

• 인터넷 익스플로러 9/쿼크
• 인터넷 익스플로러 9/인터넷 익스플로러 표준
• 인터넷 익스플로러 9 호환성 모드/쿼크
• 인터넷 익스플로러 9 호환 모드/Internet Explorer 표준

IE9의 인쇄 미리보기 :

IE9 버전 세부 정보 :

전체 코드 :

<html> 
<head> 
<style> 
#pt thead { 
    display: table-header-group; 
} 
</style> 
<body> 
<table id="pt"> 
    <thead> 
     <tr class="header"> 
      <td colspan="4"> 
       <h1>egdfgsdfg</h1> 
       <h3>sdfgsdfg</h3> 
      </td> 
      <td colspan="2" class="align-right"> 
       <h2>sdfgsdfg</h2> 
       sdfgsdfgsdfg 
      </td> 
     </tr> 
     <tr class="contacts"> 
      <td colspan="3">sdfgsdfg</td> 
      <td colspan="3">sdfgsdfgs</td> 
     </tr> 
     <tr class="header-info">     
      <td>asdfadfasdf</td> 
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr class="column-headers">    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
    </thead> 
    <tbody> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
     <tr>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td>    
      <td>asdfadfasdf</td> 
     </tr> 
    </tbody> 
</table> 
</body> 
</html>