Как избежать обрезки частей таблицы HTML при печати - PullRequest
Новая
       15

Как избежать обрезки частей таблицы HTML при печати

0 голосов
/ 30 сентября 2019

У меня есть большая таблица HTML, которую я хотел бы распечатать. Прямо сейчас, когда я печатаю из последних версий Chrome или Safari, я получаю только первые четыре столбца и все строки.

Я предполагаю, что есть некоторый CSS, который я могу добавить, который позволил бы напечатать дополнительные столбцы на дополнительных страницах, но я не уверен, что это будет.

Я включил CodePen и полный HTML-код ниже.

Печать HTML-кода CodePen 

<html>
<head>
   <style>
      table, td, th { border: 1px solid black; }
      td { background-color: #e3fcef; }
      th { width: 2in; }
      tr { height: 2in; }
   </style>
</head>
<body>
   <table>
      <thead>
         <tr>
            <th>
            </th>
            <th style="tableheader">Header&nbsp;A</th>
            <th style="tableheader">Header&nbsp;B</th>
            <th style="tableheader">Header&nbsp;C</th>
            <th style="tableheader">Header&nbsp;D</th>
            <th style="tableheader">Header&nbsp;E</th>
            <th style="tableheader">Header&nbsp;F</th>
            <th style="tableheader">Header&nbsp;G</th>
            <th style="tableheader">Header&nbsp;H</th>
         </tr>
      </thead>
      <tbody>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>withalongwordthatcannotbeeasilybroken</td><td>withalongwordthatcannotbeeasilybroken</td><td>withalongwordthatcannotbeeasilybroken</td><td>withalongwordthatcannotbeeasilybroken</td><td>withalongwordthatcannotbeeasilybroken</td><td>withalongwordthatcannotbeeasilybroken</td><td>withalongwordthatcannotbeeasilybroken</td><td>withalongwordthatcannotbeeasilybroken</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
            <tr><th>Row A</th><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td><td>H</td></tr>
         </tbody>
   </table>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...