css - CSS隐藏表格列以进行打印

Question

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

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

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

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

Answer 1

这对我有用：

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

Answer 2

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

.noprint {
display: none;
}

Answer 3

打印按钮代码

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