我可以在 React js 中打印表格或表格数据吗?

Can I print a form or a tabular data in react js?

有没有办法向我的打印机发送打印命令以在 React js 中打印表格数据。对不起,如果这个问题听起来很愚蠢,因为我是新手。提前致谢。

调用window.print()函数。

print(){
  window.print();
}

当您想要打印当前屏幕或组件时调用此函数

触发浏览器的本机打印行为非常简单:只需在代码中调用 window.print()

然后您的页面将按原样打印,因此通常您应该提供 CSS 特定于 打印媒体 。 你有两种方式:

  • 添加一个单独的 CSS 如 <link rel="stylesheet" href="css/style.css"/>
  • 在您现有的 CSS 中添加一个 @media print:

@media print { … }

你应该在 CSS 里面放什么?无论您需要修复您的样式,通常有很多 display: none 规则来隐藏您不想打印的元素。

最后的想法:

  • 来自 HTML 的打印不太跨浏览器:一些浏览器的打印效果比其他浏览器好
  • 打印 HTML 表格充满了警告,例如看看:Repeat table headers in print mode