Problemas al visualizar textos largos con DOMPDF
Hola, Buenas noches
Tengo el siguiente problema, para ver si alguien tiene una idea de lo que pueda estar ocurriendo.
Sucede que estoy utilizando DOMPDF para imprimir en PDF cierto contenido de una tabla.
1.- Toda la información la muestra bien.
2.- Cuando el Alto de la informacion de una fila es mayor al espacio existente en una hoja, esta información se salta a la siguiente página.
el Código donde tengo la información es en HTML:
Código PHP:
$strHTML = "<!DOCTYPE html><HTML>";
$strHTML = $strHTML . "<HEAD><TITLE>Registro de Tour</TITLE>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<link href='css/principalpdf.css' rel='stylesheet' type='text/css' /></HEAD>" ;
$strHTML = $strHTML . "<body>";
$strHTML = $strHTML . "<table align='center' style='width:100%'>";
$strHTML = $strHTML . "<tr valign='baseline'>
<td colspan='4'><div class='titulostour'>Nombre Tour:</div></td>
</tr>";
$strHTML = $strHTML . "<tr valign='baseline'>
<td colspan='4'>". $row_DatosTour["strTour"]."</td>
</tr>";
$strHTML = $strHTML ."<tr valign='baseline'>
<td colspan='4'><div class='titulostour'>Actividades Tour:</div></td>
</tr>";
do {
if ($row_DatosActividad["strActividad"]!=Null)
{
$strHTML = $strHTML ."<tr valign='baseline'>
<td colspan='4' class='centrado4'>
<div class='cuadreact'>Inicio:</div>
<div class='cuadreact1'>".$row_DatosActividad["hrIniActividad"]."</div>
<div class='cuadreact1'>Fin:</div>
<div class='cuadreact1'>".$row_DatosActividad["hrFinActividad"]."</div>
<div class='cuadreact1'>Actividad:</div>
<div class='cuadreact1'>".$row_DatosActividad["strActividad"]."</div>
</td>
</tr>";
}
} while ($row_DatosActividad = mysql_fetch_assoc($DatosActividad));
//comentario de actividades
$strHTML = $strHTML ."<tr valign='baseline'>
<td align='left' valign='top'>Comentarios Actividades:</td>
<td colspan='3'>
<div class='Detalleactividad'>".nl2br(utf8_encode($row_DatosTour["txtDetalleactividad"]))."</div></td>
</tr>";
$strHTML = $strHTML . "</table>";
$strHTML = $strHTML . '</body>' ;
$strHTML = $strHTML . '</html>';
La información que se desplaza a la hoja siguiente es:
$row_DatosTour["txtDetalleactividad"]
El codigo donde exporto a PDF es:
Código PHP:
// generamos PDF
require_once("js/dompdf-0.5.1/dompdf_config.inc.php");
$dompdf = new DOMPDF();
$base_path = $_SERVER['DOCUMENT_ROOT'].rutalocal;
$dompdf->set_base_path($base_path);
$dompdf->load_html($strHTML);
//$dompdf->set_paper('letter', 'portrait');
$dompdf->render();
// add the header
$canvas = $dompdf->get_canvas();
$font = Font_Metrics::get_font("helvetica", "bold");
$size = 8;
$y = $canvas->get_height() - 24;
$x = $canvas->get_width() - 15 - Font_Metrics::get_text_width("1/1", $font, $size);
$canvas->page_text($x, $y, "{PAGE_NUM}/{PAGE_COUNT}", $font, $size);
//$canvas->page_text(72, 18, "Página {PAGE_NUM} de {PAGE_COUNT}", $font, 8, array(0,0,0));
$dompdf->stream("archivopdf-".date('d-m-Y').'.pdf');
exit(0);
Los Estilos involucrados fueron:
Código CSS:
Ver original.Detalleactividad{
width: 285px;
height: auto;
background: #23ECEC;
/*border-radius:5px;*/
padding-right: 2px;
padding-left: 2px;
float: right;
display: block;
border: 1px solid #50616E;
margin: 0;
}
.cuadreact {
/*height: 200px;*/
/*margin-right:10px;*/
overflow: hidden;
/*margin-top: 5px;*/
/*margin-bottom: 5px;*/
/*margin-left: 5px;*/
display: inline;
width: 80px;
margin: 0px;
float: none;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
}
.cuadreact1 {
/*height: 200px;*/
/*margin-right:10px;*/
/*overflow: hidden;*/
/*margin-top: 5px;*/
/*margin-bottom: 5px;*/
/*margin-left: 5px;*/
display: inline;
width: 60px;
margin: 0px;
float: none;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 60px;
clear: right;
}
.centrado4{
/*background-color: #96C;*/
width: 500px;
overflow:auto;
}
Se que involucro varios tópicos, pues aun no determino si el detalle se puede arreglar con algún cambio en el DOMPDF o en el CSS.
De antemano gracias por sus comentarios-