2011-07-27 183 views
11

Tengo una tabla html para imprimir con encabezado y pie de página repetidos. Todo funciona, el documento se rompe automáticamente. Pero ahora me gustaría romper la página después de cualquier elemento. Utilizo para css propiedad page-break-after y lo configuro para siempre. Sí, funciona, pero tengo otro problema. La página después del descanso no repite el encabezado y el pie de página de la tabla. ¿Qué está mal?CSS: Repetir encabezado de tabla después de salto de página (Vista de impresión)

Navegadores: IE8.

Los estilos de impresión: código

table thead {display: table-header-group;} 
table tfoot { display: table-footer-group;} 
table tbody { display: table-row-group;} 
.page-break { page-break-after:always;} 

HTML:

<table> 
<thead> 
    <tr> 
     <th>...</th> 
    </tr> 
</thead> 
<tfoot> 
    <tr> 
     <td>...</td> 
    </tr> 
</tfoot> 
<tbody> 
    <tr> 
     <td>page 1</td> 
    </tr> 
    <tr class="page-break"> 
     <td>content</td> 
    </tr> 
    <tr> 
     <td>Page 2</td> 
    </tr> 
    <tr> 
     <td>content 2</td> 
    </tr> 
</tbody> 
</table> 
+1

¿Encontró una solución? Por favor publique. – imhere

Respuesta

3

intenta agregar el siguiente CSS:

thead {display: table-header-group;} 

El pie de página no se repite en cada página , pero más bien impreso en el último solo en IE8, iirc.

+0

Oh, lo tengo en mis estilos. Olvidé copiar esta línea a mi pregunta. –

Cuestiones relacionadas