CSS ukryj kolumnę tabeli do wydrukowania

Question

Mam dane tabeli, a ostatnia kolumna zawiera łącza do działań na tych danych. Chciałbym, aby ostatnia kolumna nie była widoczna, gdy ktoś wydrukuje stronę.

Próbowałem następujących rzeczy i to działa na ekranie (nie widzę ostatniej kolumny, a reszta kolumn jest równomiernie rozłożona, aby wypełnić to miejsce).

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

Ale to nie działa w przypadku druku: nie widzę kolumny, ale jest tam puste miejsce.

Answer 1

jQuery

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

Edit: Wtedy może visibility:collapse w stylu css pomogłoby

Answer 2

Działa to dla mnie:

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

Answer 3

Jest bardziej uniwersalnym rozwiązaniem, które można zastosować w wielu różnych elementach. Utwórz plik print.css z:

.noprint { 
display: none; 
} 

Answer 4

Kod przycisk Drukuj

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(); 
}