asp.net 打印页面中的表格
时间: 2023-12-07 22:01:40 浏览: 83
asp.net 打印Excel表格
5星 · 资源好评率100%
您可以使用CSS打印样式来控制打印页面中表格的格式。
以下是一些示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Print Table Example</title>
<style>
@media print {
table {
border-collapse: collapse;
width: 100%;
margin: 0 auto;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #f2f2f2;
}
}
</style>
</head>
<body>
<h1>Print Table Example</h1>
<table>
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
<td>Row 1, Column 3</td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
<td>Row 2, Column 3</td>
</tr>
<tr>
<td>Row 3, Column 1</td>
<td>Row 3, Column 2</td>
<td>Row 3, Column 3</td>
</tr>
</tbody>
</table>
<p>Click the button below to print the table.</p>
<button onclick="window.print()">Print Table</button>
</body>
</html>
```
在上面的示例中,我们使用`@media print`查询来定义打印样式。我们将表格设置为100%宽度,并将边框合并。我们还设置了表头的背景颜色和单元格的内边距。
最后,我们添加了一个打印按钮,当点击该按钮时,用户可以打印页面。
阅读全文