我在jspdf上遇到问题。在我们的示例中将html页面转换为pdf页面,在此过程中,我面临表格对齐中的问题。请重新解决我的问题。
1.当您点击提交按钮时,一个pdf文件下载。 检查这个pdf文件,表格对齐不好。
请告诉我如何设置表格对齐方式。
<!DOCTYPE html>
<html>
<head>
<script src="js/min.js"></script>
<script src="js/pdf.js"></script>
<script>
$(function() {
var pdf = new jsPDF();
var source = $('#table')[0];
var specialElementHandlers = {
'#editor': function(element, renderer) {
return true;
}
};
pdf.fromHTML(
source, // HTML string or DOM elem ref.
15, // x coord
15, { // y coord
'width': 50, // max width of content on PDF
'elementHandlers': specialElementHandlers
},
function(dispose) {
pdf.save('Test_Sample.pdf');
});
});
</script>
</head>
<body>
<div id="table">
<table id="StudentInfoListTable">
<thead>
<tr>
<th>Name</th>
<th>Email</th>
<th>Track</th>
<th>S.S.C Roll</th>
<th>S.S.C Division</th>
<th>H.S.C Rolldfdsfds</th>
<th>H.S.C Division2</th>
<th>District</th>
<th>H.S.C Division</th>
<th>H.S.C Division1</th>
</tr>
</thead>
<tbody>
<tr>
<td>alimon</td>
<td>Email</td>
<td>1</td>
<td>2222</td>
<td>as</td>
<td>3333</td>
<td>dd</td>
<td>33</td>
<td>dd</td>
<td>33</td>
</tr>
<tr>
<td>alimon</td>
<td>Email</td>
<td>1</td>
<td>2222</td>
<td>as</td>
<td>3333</td>
<td>dd</td>
<td>33</td>
<td>dd</td>
<td>33</td>
</tr>
</tbody>
</table>
<p>haiaiiaiaiai</p>
<div>haiaiaiiaiaia</div>
</div>
<button id="cmd">Submit</button>
</body>
</html>