用于打印的CSS隐藏表列

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

我尝试了下面的方法，它在屏幕上运行（看不到最后一列，其余的列均匀分布以填充该空间）

但它不适用于打印：我看不到该列，但它所在的位置是空的。

这对我很有用：

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

---

有一种更通用的解决方案可以应用于许多不同的元素。使用以下内容创建print.css文件：

.noprint {
display: none;
}

打印按钮代码

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

函数PrintData（）
{
var divToPrint1=document.getElementById（“可编辑”）；
var divToPrint=divToPrint1；
divToPrint.border=1；
DivTopPrint.cellSpacing=0；
divToPrint.cellPadding=2；
divToPrint.style.borderCollapse='collapse'；
newWin=window.open（）；
newWin.document.write（getHeader（））；
newWin.document.write（“主指定列表”）；
$（'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（）；
}

请张贴您的标记。

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