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

これは、私の作品に役立つだろう：jQueryの

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

編集を使用して

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