HTML表渲染为PDF.Pdf格式的内容不是标签格式
HTML Tabel rendering to PDF. Content in Pdf not tabel format
在这里我试图使用一个HTML页面表内容的PDF。对我来说,它在创建PDF和下载工作很好,但问题是我没有得到正确的表格格式,我在HTML页面中使用(它在网页上的样子,我也需要在PDF)。下面我给我的代码和表结构。我正在使用HTML表导出jQuery插件
我的HTML代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="bootstrap.min.css">
<!-- jQuery 2.0.2 -->
<script type="application/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script type="application/javascript" src="tableExport.js"></script>
<script type="application/javascript" src="jquery.base64.js"></script>
<script type="application/javascript" src="jspdf/libs/sprintf.js"></script>
<script type="application/javascript" src="jspdf/jspdf.js"></script>
<script type="application/javascript" src="jspdf/libs/base64.js"></script>
</head>
<body>
<div id="example">
<table class="table table-bordered col-lg-6">
<tr>
<th class="text-center" colspan="5">Details</th>
</tr>
<tr>
<th class="text-center">Time</th>
<th class="text-center">Track</th>
<th class="text-center">user</th>
<th class="text-center">linked user's</th>
<th class="text-center">User section</th>
</tr>
<tr>
<td class="text-center">08:30 - 09:30</td>
<td class="text-center" colspan="4">nill</td>
</tr>
<tr>
<td class="text-center">09:30 - 12:00</td>
<td class="text-center Inaugural" colspan="4">Inoo
<br> smartphones a big hit in world</td>
</tr>
<tr>
<td class="text-center">09:30 - 12:00</td>
<td class="text-center Industry" colspan="4">user Key
<br>smartphones a big hit in world</td>
</tr>
<tr>
<td class="text-center">12:00 - 13:30</td>
<td class="text-center Industry" colspan="4">User</td>
</tr>
<tr>
<td class="text-center" rowspan="3">13:30 - 14:30</td>
<td class="text-center">T Track</td>
<td class="text-center">T User</td>
<td class="text-center">smartphones a big hit in world</td>
<td class="text-center">smartphones a big hit in world smartphones a big hit in world</td>
</tr>
<tr>
<td class="text-center">T track</td>
<td class="text-center">T user</td>
<td class="text-center">smartphones a big hit in world</td>
<td class="text-center">smartphones a big hit in worldsmartphones a big hit in world</td>
</tr>
<tr>
<td class="text-center">T track</td>
<td class="text-center">T user</td>
<td class="text-center">smartphones a big hit in world</td>
<td class="text-center">smartphones a big hit in worldsmartphones a big hit in worldsmartphones a big hit in world</td>
</tr>
</table>
</div>
<a href="#" onclick="$('#example').tableExport({type:'pdf',escape:'false'});">Genrate</a>
</body>
</html>
使用inline-css代替外部CSS据我所知,只有表元素上的内联CSS才能正确导出。我在这里找到了这个
我知道我来晚了一点。但我把这个贴出来,以防有人在这里寻找答案。
我们可以使用jsPDF自动表插件添加一个格式良好的表格到您的pdf。要使用它,请下载并包含jspdf.plugin.autotable.js和jspdf.min.js。
它使用简单,并且有多种表格格式。
您可以在GitHub存储库中找到完整的文档
相关文章:
- 有没有一种方法可以从两个标签之间提取文本,并以我选择的格式输出
- 如何在时间标签和相同的类中以UTC格式重新格式化ISO 8601时间戳,并通过JavaScript根据用户区域设置和时区
- 动态更改高图中x轴刻度标签的日期时间格式
- X 轴中的最后一个标签,日期时间格式不在高图表中
- 什么意思是“服务器标签格式不正确”,这个按钮会发生什么
- 高图表日期时间标签格式不起作用
- Javascript - 替换 CMS 格式内容 Pt. II 中的标签
- D3js,时间轴标签的特定格式
- 如何将序列化的表单转换为具有标签列表的json格式
- 如何将此输入名称转换为正确的标签格式
- 如何在Plottable.js饼图标签中将数字精度格式化为两位小数
- d3基于值的文本标签格式
- 设置高图表y轴标签的格式
- 在JQuery Mobile中,在同一行设置标签格式和切换开关
- 在HTML5中显示两位数格式的输入标签(文本框控件)
- 删除TinyMCE格式菜单标签
- ASP.jQuery UI自动完成的输出格式(显示值标签键对)
- AngularJS日期过滤器将短日期格式转换为'M/d/y '标签/字符串
- rCharts格式轴标签:outputFormat
- 在javascript的格式标签中点击