检测是否处于打印模式或单击数据表导出工具中的打印按钮

Question

我知道我可以自定义我的打印样式来满足我的需要，只需在“@media print”中写入我希望在打印模式下操作的所有元素的样式，但我遇到了一个问题（仍在思考） ) 其中“@media print”在我的情况下不起作用，所以我决定使用 jquery 或 javascript 做一些事情，有没有一种方法可以检测打印模式，打印 window，或者单击导出工具上的打印按钮？

Answer 1

TableTools 扩展将特殊的 class DTTT_Print 添加到 body 元素，请参阅 this example。

您可以使用以下 CSS 规则：

body.DTTT_Print .sidebar { display: none !important; } 

@media print {
  .sidebar { display: none !important; } 
}

第一条规则将在 TableTools 打印预览模式下隐藏 .sidebar。如果不使用 TableTools 打印预览模式打印页面，第二条规则将确保隐藏 .sidebar。

检测是否处于打印模式或单击数据表导出工具中的打印按钮

detect if in print mode or click the print button in datatable export tool

javascript

jquery

datatables