CSS 숨기기 테이블 열 인쇄

Question

테이블 데이터가 있고 마지막 열에 해당 데이터에 대한 작업 링크가 있습니다. 누군가가 페이지를 인쇄 할 때 마지막 열을 보이지 않게하고 싶습니다.

다음을 시도해 보았습니다. 화면에서 작동합니다 (마지막 열은 보이지 않고 나머지 열은 공간을 채우도록 고르게 퍼집니다).

@media print { 
    table td:last-child {display:none} 
} 

인쇄용으로는 작동하지 않습니다. 열은 보이지 않지만 그곳에는 빈 공간이 있습니다.

@media print { 
     table td:last-child {display:none} 
     table th:last-child {display:none} 
    } 

Answer 1

많은 다른 요소에서. 와 print.css 파일을 만듭니다

.noprint { 
display: none; 
} 

Answer 2

도움이 될 것이다 :

$("element").click(function(){ 
    $("td:last-child").remove(); 
}); 

편집 JQuery와

를 사용

Answer 3

적용 할 수있는 더 보편적 인 해결책이있다 : 그런 다음 어쩌면 CSS 스타일 visibility:collapse 이것은 나를 위해 작동

Answer 4

인쇄 버튼 코드

function PrintData() 
{ 
     var divToPrint1 = document.getElementById("editable"); 
     var divToPrint = divToPrint1; 
     divToPrint.border = 1; 
     divToPrint.cellSpacing = 0; 
     divToPrint.cellPadding = 2; 
     divToPrint.style.borderCollapse = 'collapse'; 

     newWin = window.open(); 
     newWin.document.write(getHeader()); 
     newWin.document.write("<h3 align='center'>Master Designation List </h3>"); 
     $('tr').children().eq(3).hide(); 
     $('table tr').find('td:eq(3)').hide(); 
     newWin.document.write(divToPrint.outerHTML); 
     newWin.print(); 
     $('tr').children().eq(3).show(); 
     $('table tr').find('td:eq(3)').show(); 
     newWin.close(); 
}