表格中的重复页脚组

时间:2016-12-05 03:22:20

标签: html

我有一个带有页眉和页脚的长桌子。我想要做的是在桌面上创建一个打印功能。以下是我的代码示例:

tfoot {
    display: table-footer-group;
    vertical-align: middle;
    border-color: inherit; 
}
<table>
	<thead>
		<tr>
			<td>This is a header</td>
		</tr>
	</thead>
	<tfoot>
		<tr><td>This is a footer</td></tr>
	</tfoot>
	<tbody>
		<tr>
			<td>Row</td>
		</tr>
		<tr>
			<td>Row</td>
		</tr>
		<tr>
			<td>Row</td>
		</tr>
		<tr>
			<td>Row</td>
		</tr>
		<tr>
			<td>Row</td>
		</tr>
		<tr>
			<td>Row</td>
		</tr>
		<tr>
			<td>Row</td>
		</tr>
		<tr>
			<td>Row</td>
		</tr>
		<tr>
			<td>Row</td>
		</tr>
		<tr>
			<td>Row</td>
		</tr>
	</tbody>
</table>

从上面的代码来看,当涉及到打印过程时,它表明每个打印的页面都有自己的标题,但它的页脚无效。我的问题是,如何在每个长打印页面中显示页脚。

1 个答案:

答案 0 :(得分:1)

来自The CSS table model

  

打印用户代理可能会在每个跨越a的页面上重复标题行   表

     

打印用户代理可能会在每个跨越的页面上重复页脚行   表

事实上,大多数浏览器都会这样做。

Chrome只为标题(bug 24826)实现了它,但没有为页脚(bug 620223)实现。

我认为你无能为力。