인쇄 할 때 표 테두리 선이 제거되었습니다.

Question

html 표 인쇄 응용 프로그램을 만들었습니다. 인쇄 응용 프로그램이 정상적으로 작동하지만 경계선이 CSS를 사용하여 적용되는 방식으로 설계되어 있습니다. 나는 그것이 다른 팀에 의해 행해졌 기 때문에 스타일에 아무 것도 수정할 수 없다.) 그래서 CSS가 적용되지 않는 인쇄 옵션을 트리거 할 때.

내 코드는 다음과 같습니다.

누구든지이 문제에 대한 해결책을 알려주십시오.

Working Demo

HTML

<table id="printTable"> 
    <tbody><tr> 
     <th>Actions</th> 
     <th>First Name</th> 
     <th>Last Name</th>  
     <th>Points</th> 
    </tr> 
    <tr> 
     <td>Add/ Remove</td> 
     <td>Jill</td> 
     <td>Smith</td>  
     <td>50</td> 
    </tr> 
    <tr> 
     <td>Add/ Remove</td> 
     <td>Eve</td> 
     <td>Jackson</td>   
     <td>94</td> 
    </tr> 
    <tr> 
     <td>Add/ Remove</td> 
     <td>John</td> 
     <td>Doe</td>   
     <td>80</td> 
    </tr> 
    <tr> 
     <td>Add/ Remove</td> 
     <td>Adam</td> 
     <td>Johnson</td>   
     <td>67</td> 
    </tr> 
</tbody></table> 

<br /> 
<br /> 

<button>Print me</button> 

스크립트

function printData() 
{ 
    var divToPrint=document.getElementById("printTable"); 
    newWin= window.open(""); 
    newWin.document.write(divToPrint.outerHTML); 
    newWin.print(); 
    newWin.close(); 
} 

$('button').on('click',function(){ 
printData(); 
}) 

Answer 1

이

시도

Answer 2

스타일 시트를 포함하지 않고 새 창에서 새 문서를 만들고 있으므로 브라우저 기본값에 따라 내용이 표시되고 인쇄됩니다. 새 문서에서 style 요소 (또는 style 특성) 또는 link 요소를 통해 간접적으로 관련 스타일 시트를 직접 포함해야합니다. 귀하의 회신

Answer 3

Okkay..Thanks ...

당신이 SEE HERE

처럼

<table id="printTable"> 

후 스타일을 사용해야하거나 다른 .css 파일에서 스타일 시트를 넣을 수 있습니다 그 후에 포함 시키십시오.

<table id="printTable"> 

나는 당신을 생각합니다.