- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用带有插件 jspdf-autotable 的 jspdf 来为一个非常宽的表格创建一个 pdf,有没有办法让表格/列数据自动适应任何页面大小?
我尝试了下面的代码溢出:'linebreak'但它中途打破了单词而不是在空白处
function demoPDF() {
var pdfsize = 'a0';
var pdf = new jsPDF('l', 'pt', pdfsize);
var res = pdf.autoTableHtmlToJson(document.getElementById("rpt_tbl"));
pdf.autoTable(res.columns, res.data, {
startY: 60,
tableWidth: 'auto',
columnWidth: 'auto',
styles: {
overflow: 'linebreak'
}
});
pdf.save(pdfsize + ".pdf");
};
最佳答案
我不完全确定我理解你的问题,但如果你想要一些列简单地包装内容而一些列换行,你可以喜欢这个。
function demoPDF() {
var pdfsize = 'a0';
var pdf = new jsPDF('l', 'pt', pdfsize);
pdf.autoTable({
html: '#table',
startY: 60,
styles: {
fontSize: 50,
cellWidth: 'wrap'
},
columnStyles: {
1: {columnWidth: 'auto'}
}
});
pdf.save(pdfsize + ".pdf");
};
demoPDF();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>
<script src="https://rawgit.com/someatoms/jsPDF-AutoTable/master/dist/jspdf.plugin.autotable.js"></script>
<table id="table" style="display: none;">
<thead>
<tr>
<th title="Field #1">ID</th>
<th title="Field #2">First name</th>
<th title="Field #3">Last name</th>
<th title="Field #4">Email</th>
<th title="Field #5">Country</th>
<th title="Field #6">IP-address</th>
</tr>
</thead>
<tbody>
<tr>
<td align="right">1</td>
<td>Donna</td>
<td>Moore</td>
<td>dmoore0@furl.net</td>
<td>China</td>
<td>211.56.242.221</td>
</tr>
<tr>
<td align="right">2</td>
<td>Janice Janice Janice Janice Janice Janice Janice Janice Janice Janice Janice Janice Janice Janice Janice</td>
<td>Henry</td>
<td>jhenry1@theatlantic.com</td>
<td>Ukraine</td>
<td>38.36.7.199</td>
</tr>
<tr>
<td align="right">3</td>
<td>Ruth</td>
<td>Wells</td>
<td>rwells2@constantcontact.com</td>
<td>Trinidad</td>
<td>19.162.133.184</td>
</tr>
<tr>
<td align="right">4</td>
<td>Jason</td>
<td>Ray</td>
<td>jray3@psu.edu</td>
<td>Brazil</td>
<td>10.68.11.42</td>
</tr>
<tr>
<td align="right">5</td>
<td>Jane</td>
<td>Stephens</td>
<td>jstephens4@go.com</td>
<td>United States</td>
<td>47.32.129.71</td>
</tr>
<tr>
<td align="right">6</td>
<td>Adam</td>
<td>Nichols</td>
<td>anichols5@com.com</td>
<td>Canada</td>
<td>18.186.38.37</td>
</tr>
</tbody>
</table>
关于jspdf - 如何使用 jspdf、jspdf-autotable 适应宽表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32385170/
有人可以帮忙举一个为 jspdf-autotable 设置自定义字体的例子吗? 我尝试了以下 var doc = new jsPDF('p', 'pt'); doc.setFont("rotobo")
我在 Angular 应用程序上使用 JSPdf,我正在尝试使用 JS 自动表插件,但我遇到了 JS 错误 EXCEPTION: Uncaught (in promise): TypeError: d
我正在使用 jsPDF Autotable 从 HTML 表格生成 PDF。 TD 元素包含一个用变量填充单元格的 ID。一切正常,但我想将负值的 textColor 设置为红色。我找不到如何实现此目
我对 jsPDF autotable 有疑问。 我的代码: $('#printBtn').on('click', function() { var pdf = new jsPDF('p
我正在尝试创建一个如下所示的表格: 我已经实现了类似的目标,但我需要删除表格之外的边框。现在我使用 lineWidth: 0.2, lineColor: [73, 138, 159] 来创建边框,但这
我正在使用 jsPDF Autotable 生成包含多个表格的 pdf 文档。 函数生成(){ var doc = new jsPDF('l', 'pt', 'a3'); var res = do
下面是我从后端获得的示例响应。 let data = [ { "thisIsTheResponseFromBackEnd": [ { "Col Header 1": "
在网络应用程序中,我使用 JSPDF Autotable 来构建 PDF。问题是数据将是动态的(我将使用 AngularJS 1.x),因此行可以有不同的高度。 在某些情况下,Autotable 会打
我想用 JSPDF 导出 PDF,我使用插件作为“jspdf.autotable”来创建表格。现在的问题是我想要如下格式样式: 如您所见,表格外有一个边框,但标题部分没有,我已经实现了,但是当行超过页
我正在尝试使用 jsPdf Auto-table 将动态数据打印到 pdf 文件中。当我这样做时,我遇到了某种错误,例如 The headers should be an object or arra
我正在使用 angular2 和 Node JS。我已经安装了jspdf和 jspdf-autotable两个模块都使用 npm。在 angular-cli.json 文件中,我嵌入了脚本: "scr
我有自动表的问题。我的表由 thead、tbody 和 tfoot 组成。我的脚是我在每一列上的总值(value)。我能够生成 pdf,但 tfoot 或总页脚不断打印在每一页上。我在检查文档时使用
我有一个带有 rowspan/colspan 的 html 表格。我正在使用 jspdf 和 jspdf-autotable 将该 html 表格导出为 pdf。但是,保存的 pdf 有一个表,该表在
我尝试使用 jsPdf AutoTable 将动态数据打印到 PDF 中。但我未能做到这一点。我搜索了很多网站,但没有人提到将动态数据放入 Row 中。所以我的问题是,有没有什么方法可以将动态数据放入
我想使用 jspdf autotable 插件将这两个表打印为 pdf。但我编写的脚本仅打印第二个表。我认为问题出在剧本的编写上。有人会指导我如何使用 jspdf-autotable 打印这两个表格吗
我正在尝试使用 jspdf 和 jspdf-Autotable 构建一个小型应用程序,但我不知道如何使用另一个变量值创建自定义最后一行现有的表。 到目前为止我所做的是: doc.autoTable
我正在使用 jsPDF 从 HTML 表格生成 PDF 并且 jsPDF 很棒,预计我遇到一个问题,当我尝试包装 columnWidth 时,我的表格被切断了:( var doc = new jsPD
我正在尝试将“HTML 中的表格”与“页眉”结合起来...查看示例。我可以让每个人单独工作,但不能一起工作。 当我将两者结合起来时,我遇到了问题......你能看出我在这里做错了什么吗?为什么这不起作
有人使用 jsPDF autoTable 从 Table 中排除 pdf 结果中的列的经验..Would appriciate 一点帮助。 最佳答案 无论如何,在深入研究 API 和示例之后。我找到了
我正在尝试使用 JSPDF 和 AutoTable 从 html 表格生成 PDF 文件。 在我的示例中,有一个带有两个标题行的 html 表格,如下所示: ID
我是一名优秀的程序员,十分优秀!