1

Necesito hacer que el navegador no corte las tablas al llegar a la otra página. Intente con varios métodos que encontre en la web, pero no logro hacer que funcione. El problema se ve en la siguiente imagen:

introducir la descripción de la imagen aquí

Intente lo siguiente:

@media all {
   div.saltopagina{
      display: none;
   }
}

@media print{
   div.saltopagina{ 
      display:block; 
      page-break-before:always;
   }
}
0

1 respuesta 1

1

Se puede prevenir de la siguiente manera

<table class="print-friendly">
    <!-- Aquí iría el resto de la tabla -->
</table>

<style> 
    table.print-friendly tr td, table.print-friendly tr th {
        page-break-inside: avoid;
    }
</style>

DISCLAIMER Este comportamiento del CSS funciona en tanto la impresión se haga directamente desde el navegador y no utilizando alguna librería que genere archivos PDF, si esto se esta haciendo desde una librería que este generando PDF podría no comportarse igual y sería necesario revisar la documentación sobre como prevenirlo.

3
  • La corta igual, la tabla está dentro de un div con position relative el 19 jun. 2018 a las 21:31
  • Para el div puede agregar la siguiente directiva CSS @media print { div{ page-break-inside: avoid; } }
    – Alejandro
    el 19 jun. 2018 a las 21:35
  • tampoco funciona el 20 jun. 2018 a las 12:32

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.