printjs分页打印数据
时间: 2023-07-31 21:04:58 浏览: 80
你可以使用 print-js 库来实现分页打印数据。以下是一个示例:
HTML:
```html
<div id="printData">
<table>
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Gender</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>30</td>
<td>Male</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
<td>Female</td>
</tr>
<!-- more rows here -->
</tbody>
</table>
</div>
<button onclick="printData()">Print Data</button>
```
JavaScript:
```javascript
function printData() {
var printContents = document.getElementById("printData").innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
```
在这个示例中,我们首先获取要打印的数据的 HTML 内容,并将其放入文档主体中。然后调用 window.print() 方法来打印页面。最后,我们将文档主体重置为原始内容。
你可以根据需要修改此示例,例如添加分页逻辑等。
阅读全文