用于打印的CSS隐藏表列

Question

我有表数据，最后一列包含有关该数据操作的链接。当有人打印页面时，我希望最后一栏不可见。

我尝试了以下，它在屏幕上工作（没有看到最后一列，其余的列均匀分布以填充该空间）。

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

但它不适用于打印：我没有看到列，但有空的地方。

Answer 1

使用jQuery

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

编辑： 那么也许visibility:collapse在CSS样式将有助于

Answer 2

这个工作对我来说：

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

Answer 3

有可能被应用于更为通用的解决方案在许多不同的元素。与创建print.css文件：

.noprint { 
display: none; 
} 

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