asp.net 中如何打印表格
时间: 2023-12-22 16:04:11 浏览: 88
ASP.NET 中打印表格可以使用 JavaScript 和 CSS 样式来实现。以下是一个示例:
HTML 代码:
```html
<div id="printTable">
<table>
<thead>
<tr>
<th>列1</th>
<th>列2</th>
<th>列3</th>
</tr>
</thead>
<tbody>
<tr>
<td>数据1</td>
<td>数据2</td>
<td>数据3</td>
</tr>
<tr>
<td>数据4</td>
<td>数据5</td>
<td>数据6</td>
</tr>
</tbody>
</table>
<button onclick="printTable()">打印表格</button>
</div>
```
JavaScript 代码:
```javascript
function printTable() {
var printContents = document.getElementById("printTable").innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
```
CSS 代码:
```css
@media print {
table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid #ddd;
text-align: left;
padding: 8px;
}
th {
background-color: #f2f2f2;
}
}
```
这个示例中,当用户点击“打印表格”按钮时,将表格的 HTML 内容复制到一个新的窗口并打印出来。同时,使用 CSS 样式来设置表格的样式,以确保在打印时能够正确显示。
阅读全文