css window.print()剪切一些内容,但不剪切其他内容

9fkzdhlc  于 2023-01-27  发布在  其他
关注(0)|答案(1)|浏览(168)

我正在做一个页面可视化的内容,一些表(MySQL),然后我想做一个按钮来打印这些表,但一些表削减的内容。我将张贴表打印和一些图像。
要打印的表的代码:

<?php
$a = $index - 1;
echo "<div id='{$a}' class='table-responsive d-block'>"
?>
<table class="table table-bordered table-hover table-striped">
    <thead>
        <tr>
            <?php
            $val = [];
            $sql = "SHOW COLUMNS FROM {$valor}";
            $result = $connection->query($sql);
            while ($row = mysqli_fetch_array($result)) {
                echo "<th class='text-secondary col-md-auto text-capitalize'>{$row['Field']}</th>";
                $val[] = $row['Field'];
            }
            ?>
        </tr>
    </thead>
    <tbody>
        <?php
        $sql = "SELECT * FROM {$valor}";
        $result = $connection->query($sql);
        if (!$result) {
            echo ("No se encontro resultado");
            die("Invalid query: " . $connection->error);
        }
        while ($row = $result->fetch_assoc()) {
            echo "<tr>";
            foreach ($val as &$campo) {
                if (isset($row['Link']) && !empty($row['Link'])) {
                    echo "<td class='text-primary' id='{$campo}'><a style='text-decoration: none;' target='_blank' href='{$row['Link']}'>$row[$campo]</a></td>";
                } elseif (isset($row['Marca']) && isset($row['Modelo']) && !empty($row['Marca']) && !empty($row['Modelo'])) {
                    echo "<td class='text-primary' id='{$campo}'><a style='text-decoration: none;' target='_blank' href='http://www.google.com/search?q={$row['Marca']}+{$row['Modelo']}'>$row[$campo]</a></td>";
                } else {
                    echo "<td class='text-primary' id='{$campo}'>$row[$campo]</td>";
                }
            }
            echo "</tr>";
        }
        ?>
    </tbody>
</table>
</div>

下面是一些例子:
Perfect exampleBad example
请......我正在努力把问题说清楚,回答好,尽我所能,不要像往常一样封杀我的帖子或侮辱我。英语也不是我的强项,我做我能做的,建设性的批评会帮助我更多。
我只想与长链接表,不被削减。也许一个解决办法是删除链接和写快捷方式?

jdzmm42g

jdzmm42g1#

嗯,我终于找到了解决办法:

class='text-wrap'

从靴带。
这也行得通:

@media print { 
  table,
  table tr td,
  table tr th {
    page-break-inside: avoid;
  }
}

相关问题