用于 PDF 导出、Excel 导出和打印的 ReactJS 组件
Posted
技术标签:
【中文标题】用于 PDF 导出、Excel 导出和打印的 ReactJS 组件【英文标题】：ReactJS components for PDF export, Excel export and print 【发布时间】：2017-12-08 12:04:11 【问题描述】：我正在构建一些 ReactJS Table 和 Report 组件，它们基本上将包含 <table> 数据、一些图形 (d3) 和一些文本数据。我需要提供 3 个按钮：
-
导出为 PDF
导出到 Excel
打印
是否有任何可信赖的包可用于使用 ReactJS 完成上述任务？处理这些要求的方法是什么？
【问题讨论】：
【参考方案1】：我会使用以下 javascript 库的组合：
React Csv 是我最喜欢的用于处理 csv 的 JavaScript 库。它擅长动态生成。
PDF Make 是我最喜欢的用于生成 PDF 的 JavaScript 库。
注意：我会将文件附加到这篇文章中，但目前在 *** 中没有此功能。
【讨论】：
这些库是否也适用于服务器端数据？ 不，这些库仅供前端使用。 很遗憾，React Csv 没有 excel 格式选项。【参考方案2】：
-
react-pdf（16 天前发布 - 未测试）
react-export-excel（8 个月前发布 - 未测试）
要打印，请将 window.print() 放入您的代码中
示例： 将其复制并粘贴为 .html（在 React 中，它将是 onClick=window.print() ...如果我是正确的）
<!Doctype html>
<html>
<body>
<p>Use the button below to print</p>
<button id="print" onclick="window.print()">Print</button>
</body>
</html>
【讨论】：
【参考方案3】：老问题，但由于我正在寻找类似的东西，我最终使用：
-
jspdf（请参阅reactjs 的具体问题）
react-excel-workbook
还没有，如果有，请随时更新答案。
【讨论】：
以上是关于用于 PDF 导出、Excel 导出和打印的 ReactJS 组件的主要内容，如果未能解决你的问题，请参考以下文章
Qt编写的项目作品18-数据导出到Excel及Pdf和打印数据
为啥 DataTable TableTools 导出为 pdf 或 excel 或 csv 按钮不可见，只有打印按钮可见？