¿Es posible en CSS usar una propiedad dentro de @página decir que los encabezados de tabla (th) deben repetirse en cada página si la tabla se extiende en varias páginas?Repetir encabezados de tabla en modo de impresión
Respuesta
Algunos navegadores repiten el elemento thead
en cada página, como se supone que deben hacerlo. Otros necesitan un poco de ayuda: Añadir esto a tu CSS:
thead {display: table-header-group;}
tfoot {display: table-header-group;}
Opera 7.5 e IE 5 no se repetirá cabeceras no importa lo que intente.
(source)
Tampoco lo hace Flying Saucer, que estoy usando para generar un PDF. También haré esta pregunta en la lista de correo de Flying Saucer para ver si hay otra manera de hacerlo. – avernet
Las últimas versiones de Chrome y Safari tampoco lo hacen actualmente. Ver mi respuesta para enlaces a sus rastreadores de problemas. –
madre de dios, en el momento en que esto fue escrito IE5 todavía era algo? – igorsantos07
Flying Saucer xhtmlrenderer repite el THEAD en cada página del PDF de salida, si agrega el siguiente CSS:
table {
-fs-table-paginate: paginate;
}
(Funciona al menos desde el lanzamiento R8.)
Antes de implementar esta solución, es importante saber que Webkit actualmente no hace esto.
Aquí es la cuestión relevante en el seguimiento de incidencias Chrome: http://code.google.com/p/chromium/issues/detail?id=24826
Y en el tema Webkit perseguidor: https://bugs.webkit.org/show_bug.cgi?id=17205
estrella en el seguimiento de incidencias Chrome si quiere mostrar que es importante para usted (Yo si).
Chrome y Opera navegadores no soportan thead {display: table-header-group;}
pero el resto de otros apoyan adecuadamente ..
? ¿Cómo i print tabla HTML. Encabezado y pie de página en cada página
trabaja también en Webkit Navegadores
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function PrintPage() {
document.getElementById('print').style.display = 'none';
window.resizeTo(960, 600);
document.URL = "";
window.location.href = "";
window.print();
}
</script>
<style type="text/css" media="print">
@page
{
size: auto; /* auto is the initial value */
margin: 2mm 4mm 0mm 0mm; /* this affects the margin in the printer settings */
}
thead
{
display: table-header-group;
}
tfoot
{
display: table-footer-group;
}
</style>
<style type="text/css" media="screen">
thead
{
display: block;
}
tfoot
{
display: block;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<table style="width: 500px; margin: 0 auto;">
<thead>
<tr>
<td>
header comes here for each page
</td>
</tr>
</thead>
<tbody>
<tr>
<td>
1
</td>
</tr>
<tr>
<td>
2
</td>
</tr>
<tr>
<td>
3
</td>
</tr>
<tr>
<td>
4
</td>
</tr>
<tr>
<td>
5
</td>
</tr>
<tr>
<td>
6
</td>
</tr>
<tr>
<td>
7
</td>
</tr>
<tr>
<td>
8
</td>
</tr>
<tr>
<td>
9
</td>
</tr>
<tr>
<td>
10
</td>
</tr>
<tr>
<td>
11
</td>
</tr>
<tr>
<td>
12
</td>
</tr>
<tr>
<td>
13
</td>
</tr>
<tr>
<td>
14
</td>
</tr>
<tr>
<td>
15
</td>
</tr>
<tr>
<td>
16
</td>
</tr>
<tr>
<td>
17
</td>
</tr>
<tr>
<td>
18
</td>
</tr>
<tr>
<td>
19
</td>
</tr>
<tr>
<td>
20
</td>
</tr>
<tr>
<td>
21
</td>
</tr>
<tr>
<td>
22
</td>
</tr>
<tr>
<td>
23
</td>
</tr>
<tr>
<td>
24
</td>
</tr>
<tr>
<td>
25
</td>
</tr>
<tr>
<td>
26
</td>
</tr>
<tr>
<td>
27
</td>
</tr>
<tr>
<td>
28
</td>
</tr>
<tr>
<td>
29
</td>
</tr>
<tr>
<td>
30
</td>
</tr>
<tr>
<td>
31
</td>
</tr>
<tr>
<td>
32
</td>
</tr>
<tr>
<td>
33
</td>
</tr>
<tr>
<td>
34
</td>
</tr>
<tr>
<td>
35
</td>
</tr>
<tr>
<td>
36
</td>
</tr>
<tr>
<td>
37
</td>
</tr>
<tr>
<td>
38
</td>
</tr>
<tr>
<td>
39
</td>
</tr>
<tr>
<td>
40
</td>
</tr>
<tr>
<td>
41
</td>
</tr>
<tr>
<td>
42
</td>
</tr>
<tr>
<td>
43
</td>
</tr>
<tr>
<td>
44
</td>
</tr>
<tr>
<td>
45
</td>
</tr>
<tr>
<td>
46
</td>
</tr>
<tr>
<td>
47
</td>
</tr>
<tr>
<td>
48
</td>
</tr>
<tr>
<td>
49
</td>
</tr>
<tr>
<td>
50
</td>
</tr>
<tr>
<td>
51
</td>
</tr>
<tr>
<td>
52
</td>
</tr>
<tr>
<td>
53
</td>
</tr>
<tr>
<td>
54
</td>
</tr>
<tr>
<td>
55
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>
footer comes here for each page
</td>
</tr>
</tfoot>
</table>
</div>
<br clear="all" />
<input type="button" id="print" name="print" value="Print" onclick="javascript:PrintPage();"
class="button" />
</form>
</body>
</html>
- 1. Cómo repetir encabezados de columna de tabla sobre saltos de página en salida PDF de ReportLab
- 2. CSS: Repetir encabezado de tabla después de salto de página (Vista de impresión)
- 3. Modificar encabezados de tabla en Mac
- 4. encabezados de página CSS: cómo usar los márgenes de impresión?
- 5. encabezados de tabla Creación de varias filas
- 6. - Ayuda con la impresión de una tabla
- 7. Encabezados verticales y horizontales en una tabla?
- 8. ¿Cómo puedo repetir los encabezados de un iTextSharp PdfPTable en cada página?
- 9. Evite \ printbibliography tragado por encabezados de modo Org
- 10. HTML especificar páginas de impresión?
- 11. ¿Cómo suprimir los encabezados de tabla completamente en jQuery DataTables?
- 12. encabezados del modo en XDomainRequest o ActiveXObject ('Microsoft.XMLHTTP')
- 13. HSQLDB - Cambiar el modo de tabla
- 14. python: impresión horizontal en lugar de impresión predeterminada actual
- 15. 'Repetir' en Haskell?
- 16. Repetir imagen en C#
- 17. Cómo forzar al Visor de informes a mostrarse en el modo de vista previa de impresión
- 18. CSS para encabezados de tabla, incluso filas impares?
- 19. cómo insertar "|" en la tabla de modo org.
- 20. No se repiten los encabezados de los grupos en cada página
- 21. Repetir imagen con ImageView en RelativeLayout
- 22. Repetir un comando de navegación en vi
- 23. Dejar de repetir^C en la terminal
- 24. Repetir filas de un data.frame
- 25. ¿Cómo se obtiene una salida con formato de tabla de MySQL en modo no interactivo?
- 26. Cancelar el diálogo de impresión de captura en impresión Silverlight
- 27. Configuración de encabezados de columna en JTable
- 28. sympy set: repetir en intervalos
- 29. Conversión de una tabla de modo orgánico a LaTeX
- 30. de impresión
no he pensado en eso, pero no parece funcionar en la práctica. – avernet
Lo he usado con éxito en Firefox. – jishi
Como de costumbre, requiere un navegador no roto; consulte el comentario de jishi. –