前端导出PDF之pdfmake

前端导出PDF之pdfmake,第1张

要支持中文,就需要配置中文字体。根据文档介绍有两种方式:1.使用在线字体配置。2.使用本地 vfs(virtual file system)配置字体。本文介绍第二种。

文档描述的步骤:

以上我们就生成了中文字体

pdf表格里面文字怎么强制换行步骤如下:想要在pdf文件中换行的话用pdf编辑器就行了。1、先安装并打开pdf编辑器;2、然后用编辑器打开要编辑的pdf文件;3、打开文件后单击编辑内容按钮,使文档进入编辑状态,然后将鼠标的光标放到要换行的地方单击回车就可以了,或者Alt加回车。

最近一段时间在使用angularjs 然后就找到ui-grid 这个比较不错的表格插件,感觉还不错,所以分享给大家(ps:新手第一次发)

html:

<pre name="code" class="html"><!--ui-grid css-->

<link rel="stylesheet" type="text/css" href="../lib/angular-ui/ui-grid/ui-grid.min.css">

<div class="gridStyle" ui-grid="gridOptions" ui-grid-selection ui-grid-resize-columns ui-grid-auto-resize ui-grid-exporter ui-grid-edit ui-gird-pagination ui-grid-cellnav>

</div>

<!--ui-grid js-->

<script src="../lib/angular-ui/ui-grid/ui-grid.min.js"></script>

<!--ui-grid excel export-->

<script src="../lib/angular-ui/ui-grid/csv.js"></script>

<!--ui-grid pdf export-->

<script src="../lib/angular-ui/ui-grid/pdfmake.min.js"></script>

<script src="../lib/angular-ui/ui-grid/vfs_fonts.js"></script>

<!--ui-grid-selection 选择行指令-->

<!--ui-grid-resize-columns 表格宽可拉伸指令-->

<!--ui-grid-auto-resize 自动使用div的高度和宽度指令-->

<!--ui-grid-exporter 导出指令-->

<!--ui-grid-edit 编辑指令-->

<!--ui-gird-pagination 分页指令-->

<!--ui-gird-pagination 分页指令-->

<!--ui-grid-cellnav 单元格指令-->

<!--gridStyle 自定义设置样式-->


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7319506.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存