在这里,我尝试使用一个 HTML 页表内容制作 PDF。对我来说,它在创建 PDF 和下载方面工作正常,但问题是我没有获得我在 HTML 页面中使用的正确表格格式(它在网页中的外观就像我在 PDF 中需要的那样)。下面给出我的代码和表结构。我在用HTML 表格导出 jQuery 插件 http://ngiriraj.com/pages/htmltable_export/demo.php#
我的 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>
使用内联CSS代替外部CSS
据我所知,只有表格元素上的内联 CSS 才能正确导出。我被发现了这个here https://stackoverflow.com/questions/19830406/export-html-table-to-xls-and-retain-formatting/22563155#22563155
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)