我可以在 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
有没有办法向我的打印机发送打印命令以在 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