повторять верхний и нижний колонтитулы при переполнении контента на первой странице

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

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

ЗАГОЛОВОК

  <header>  
        <center><h3><b>Miguel Enrique</b></h3>                  
        <p><i>Diplomat<br>Fellow</i><br>Orthopaedic Surgeon</p>         
        </center>
    </header>
<div class="row uniform half collapse-at-2">
  <div class="12u">                                     
    <center><h4><b>---data----</b></h4></center>
    <h4><p>------DATA--------------<br>Tel. 77 19 349 | 65 90 097
    <br>Mon<b>&middot;</b>Wed<b>&middot;</b>Fri  |  3:00pm - 5:00pm
    <br>Tues<b>&middot;</b>Thurs<b>&middot;</b>Sat  |  11:00am - 2:00pm  | 
    <br>  (All by appointment)</p></h5>
  </div>
  <div class="6u">
    <div class="row uniform half">
        <div class="12u">
        <center><h4><b>--DATA---</b></h4></center>                                                      
        <h5><p>  ------DATA-------
        <br>Tel. No. : (632) 789 - 7700 loc. 7330
        <br>Mon-Thurs: 11am - 4pm  |  (by Appointment)</p><h5>
        </div>                              
    </div>
  </div>
<div

ТЕЛО

<table class="print">
   <thead>
        <tr>
            <th scope="col"><b>No.</b></th>
            <th scope="col"><b>Prescriptions</b></th>
        </tr>
   </thead>
    <tbody>                                         
        <?php foreach($new_array2 as  $value) { $inc = @$inc + 1;?>
        <tr>
            <td><?php echo $inc; $prescription_array=explode('/',$value);?>
            </td>
            <td><?php foreach($prescription_array as $value2) 
              { echo "<h5>".$value2."</h5>";
            } ?>
            </td>
        </tr>
            <?php }?>
   </tbody>                                                                 
</table>

ФУТЕР

<div class="row uniform half collapse-at-2">
    <div class="12u">                       
        <div class="row uniform half">
           <font size="5"><b>Name</b></font><br>
            License No. : 1<br>
        </div>
    </div>
</div>

есть ли способ решить это?? при печати, если содержимое переполняется на 1-й странице, оно перейдет на 2-ю страницу, а верхний и нижний колонтитулы будут отображаться на 2-й странице?. введите здесь описание изображения

Первое изображение о том, что происходит, когда я пытаюсь печатать. то, что я хочу достичь, показано на второй картинке ниже. Возможно ли использовать гугл хром?.


html css printing
person Lion Smith    schedule 25.05.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

попробуй это:

заголовок

<header>  
    <center><h3><b>Miguel Enrique</b></h3>                  
    <p><i>Diplomat<br>Fellow</i><br/>Orthopaedic Surgeon</p>         
    </center>
</header>
<div class="row uniform half collapse-at-2">
  <div class="12u">                                     
    <center><h4><b>---data----</b></h4></center>
    <h4><p>------DATA--------------<br/>
        Tel. 77 19 349 | 65 90 097<br/>
        Mon<b>&middot;</b>Wed<b>&middot;</b>Fri  |  3:00pm - 5:00pm<br/>
        Tues<b>&middot;</b>Thurs<b>&middot;</b>Sat  |  11:00am - 2:00pm  |<br/> 
        (All by appointment)</p>
    </h4>
  </div>
  <div class="6u">
    <div class="row uniform half">
        <div class="12u">
            <center><h4><b>--DATA---</b></h4></center>                                                      
            <h5><p>  ------DATA-------<br/>
            Tel. No. : (632) 789 - 7700 loc. 7330<br/>
            Mon-Thurs: 11am - 4pm  |  (by Appointment)</p></h5>
        </div>                              
    </div>
  </div>
</div>

тело

<table class="print">
    <thead>
        <tr>
            <th scope="col"><b>No.</b></th>
            <th scope="col"><b>Prescriptions</b></th>
        </tr>
    </thead>
    <tbody>                                         
        <?php 
        foreach($new_array2 as  $value) 
            { 
                $inc = @$inc + 1;
        ?>
        <tr>
            <td>
                <?php 
                    echo $inc; 
                    $prescription_array=explode('/',$value);
                ?>
            </td>
            <td>
                <?php 
                    foreach($prescription_array as $value2) 
                        { 
                            echo "<h5>".$value2."</h5>";
                        } 
                ?>
            </td>
        </tr>
        <?php 
            }
        ?>
   </tbody>                                                                 
</table>

нижний колонтитул

<div class="row uniform half collapse-at-2">
    <div class="12u">                       
        <div class="row uniform half">
           <font size="5"><b>Name</b></font><br/>
            License No. : 1<br/>
        </div>
    </div>
</div>
person kevin    schedule 25.05.2017