css HTML2PDF表格内容溢出页面

9rygscc1  于 2023-04-13  发布在  其他
关注(0)|答案(3)|浏览(299)

我正在使用HTML2PDF库,当我试图输出我的PDF时,我遇到了一个问题。实际上,我的表总是被截断,如果不将其截断,就无法显示我的表的全部内容。我定义了css样式,但它似乎必须生效。此外,如果我没有在echo语句table border=“1px”上定义到我的php脚本中,它就不会采用之前定义的css样式。
下面是我的代码:

<!DOCTYPE html>
<html>
<head>
<title>Test PDF</test>
<style>
table{width:100%; border-collapse:collapse; table-layout:auto; vertical-align:top; margin-bottom:15px; border:1px solid #CCCCCC;}
table thead th{font-size: 2px; color:#FFFFFF; background-color:#666666; border:1px solid #CCCCCC; border-collapse:collapse; text-align:center; table-layout:auto; vertical-align:middle;}
table tbody td{vertical-align:top; border-collapse:collapse; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; font-size: 2px;}
table thead th, table tbody td{padding:5px; border-collapse:collapse;}
table tbody tr.light{color:#979797; background-color:#F7F7F7;}
table tbody tr.dark{color:#979797; background-color:#E8E8E8;}
</style>
</head>
<body>
<html>
<?php
require_once "config.php";

//Start html2pdpf session
ob_start();
//Get tablename
$tablename=$_POST["tablename"];
$ShowPivotTableResult='SELECT * FROM '.$tablename.'';
    $resultLeast=mysqli_query($conn,$ShowPivotTableResult) or die(mysqli_error($conn));
if (!$resultLeast) {
    die("Query to show fields from table failed");
    }
//Display Pivot Table content - script
$fields_num = mysqli_num_fields($resultLeast);
    echo "<table border='1px' CELLSPACING='0' cellpadding='2'><thead><tr>";
    // printing table headers
for($i=0; $i<$fields_num; $i++)
{
    $field = mysqli_fetch_fields($resultLeast);
    echo '<th>'.$field[$i]->name.'</th>';
}
echo "</tr></thead><tbody>\n";
// printing table rows
while($rowLEAST = mysqli_fetch_row($resultLeast))
{
    echo "<tr>";
    // $row is array... foreach( .. ) puts every element
    // of $row to $cell variable
    foreach($rowLEAST as $cellPIVOT)
    echo "<td>$cellPIVOT</td>";
    echo "</tr>\n";
    }
    echo '</tbody></table><br/><br/>';

$content = ob_get_clean();

    // convert
    require_once('html2pdf.class.php');
    try
    {
        $html2pdf = new HTML2PDF('L', 'A4', 'fr', true, 'UTF-8', 0);
        $html2pdf->pdf->SetDisplayMode('fullpage');
        $html2pdf->writeHTML($content, isset($_GET['vuehtml']));
        ob_end_clean();
        $html2pdf->Output(''.$tablename.'.pdf');
    }
    catch(HTML2PDF_exception $e) {
        echo $e;
        exit;
    }

mysqli_close($conn);
?>
</body>
</html>
j9per5c4

j9per5c41#

尽量在表宽上使用绝对长度,比如pt。A4的宽度为595pt。关于css属性,尽量使用class而不是tag。例如:
HTML

<style>
    .tbl{
     width: 595pt;
     border: 1px solid #000;
    }
</style>

PHP

echo "<table class='tbl' CELLSPACING='0' cellpadding='2'><thead><tr>";
l3zydbqr

l3zydbqr2#

如果您已经指定了表格单元格宽度的百分比,请尝试删除它并使用style属性控制宽度。宽度应以mm为单位,与页面宽度成比例。
例如,如果您的页面是A4 -纵向,宽度为595.276,则表格单元格的50%宽度将占用样式属性中的(595.276/2)-边距宽度。

yuvru6vn

yuvru6vn3#

我已经解决了TD中的自动换行问题,方法是在TD中放置一个具有自动换行样式的DIV,并设置表格宽度。

table {
  width: 295pt;
}

<td>
  <div style="word-wrap: break-word;">Some long html posibly-joined-text-that-will-overflow-off-of-the-page</div>
</td>

相关问题