在2列中顯示動態表格用於打印輸出

Question

我有一個動態生成的表格。這說明了什麼工作，在一定時間內進行的某些員工，每個工作作爲新行和總每工作4列有信息上的時間用來等於是數據的模樣

Worker1
MailService的| 2h | 3 $ | 6 $
phonecalls | 1.4h | 2 $ | 2.8 $

Worker2
mailservice | 4h | 3 $ | 12 $
存儲| 11h | 8 $ | 88 $

Worker3
phonecalls | 23h | 3 $ | 69 $

等等。每個工作人員的行數會有所不同，具體取決於他/她在時間範圍內所做的行爲。給定時間範圍內的工作人員數量相同。所以我最終得到了一張充滿數據的好桌子，在屏幕上看起來很棒。但現在我需要打印出來，並節省紙張它有2列（橫向格式）中去，這樣

 
Worker 1   worker3 
....    .... 

worker2   worker4 
....    .... 

我不知道如何讓表來包裝入第二塔上該頁面在繼續下一頁之前。但是分頁等是很明顯的。

任何幫助，將不勝感激。

編輯：這是到目前爲止（沒有異國雖然）生成的HTML代碼：

<div class="halfboxR" id="do-print" style="border:1px solid #000;"><table border="0" class="fontxsmall"> 
<tr><td class="fett lrgfont" colspan="4">AUSWERTUNG vom xx.yy.20zz bis xx.yy.20zz</td></tr> 
    <tr class="fett"> 
    <td class="lrgfont">Employee 1</td> 
    <td>von: <br>bis: &nbsp;</td> 
    <td> h</td> 
    <td></td> 
    </tr> 
    <tr class="fett"> 
    <td>T&auml;tigkeit</td> 
    <td>Wert &euro; (je)</td> 
    <td>Anzahl</td> 
    <td>Gesamt &euro;</td> 
    </tr> 
    <tr> 
      <td>Kundenkontakte telefonisch</td> 
      <td>xy</td> 
      <td>192</td> 
      <td>zz</td> 
      </tr> 
     <tr class="fett"> 
     <td colspan="2"></td> 
     <td>Summe:</td> 
     <td>zz &euro;</td> 
     </tr> 
     <tr class="fett"> 
     <td colspan="2"></td> 
     <td>Soll:</td> 
     <td></td> 
     </tr> 
     <tr><td colspan="4" style="border-bottom:1px solid #000;">&nbsp;</td></tr> 

    <tr class="fett"> 
    <td class="lrgfont">Employee 2</td> 
    <td>von: <br>bis: &nbsp;</td> 
    <td> h</td> 
    <td></td> 
    </tr> 
    <tr class="fett"> 
    <td>T&auml;tigkeit</td> 
    <td>Wert &euro; (je)</td> 
    <td>Anzahl</td> 
    <td>Gesamt &euro;</td> 
    </tr> 
    <tr> 
     <td>Email allgemein</td> 
     <td>xy</td> 
     <td>99</td> 
     <td>zz</td> 
     </tr><tr> 
     <td>Liefersperre</td> 
     <td>xy</td> 
     <td>34</td> 
     <td>zz</td> 
     </tr><tr> 
     <td>abw. Lieferadresse/AP</td> 
     <td>xy</td> 
     <td>76</td> 
     <td>zz</td> 
     </tr><tr> 
     <td>Packstation</td> 
     <td>xy</td> 
     <td>2</td> 
     <td>zz</td> 
     </tr><tr> 
     <td>Dubletten</td> 
     <td>xy</td> 
     <td>130</td> 
     <td>zz</td> 
     </tr><tr> 
     <td>Kundenbetreuung</td> 
     <td>xy</td> 
     <td>186</td> 
     <td>zz</td> 
     </tr><tr> 
      <td>Kundenkontakte telefonisch</td> 
      <td>xy</td> 
      <td>518</td> 
      <td>zz</td> 
      </tr><tr> 
      <td>Kundenkontakte telefonisch cmp2</td> 
      <td>xy</td> 
      <td>8</td> 
      <td>zz</td> 
      </tr><tr> 
      <td>Kundenkontakte telefonisch cmp3</td> 
      <td>xy</td> 
      <td>17</td> 
      <td>zz</td> 
      </tr><tr> 
      <td>Kundenkontakte telefonisch cmp4</td> 
      <td>xy</td> 
      <td>62</td> 
      <td>zz</td> 
      </tr> 
     <tr class="fett"> 
     <td colspan="2"></td> 
     <td>Summe:</td> 
     <td>zz &euro;</td> 
     </tr> 
     <tr class="fett"> 
     <td colspan="2"></td> 
     <td>Soll:</td> 
     <td></td> 
     </tr> 
     <tr><td colspan="4" style="border-bottom:1px solid #000;">&nbsp;</td></tr> 

    <tr class="fett"> 
    <td class="lrgfont">Employee 3</td> 
    <td>von: <br>bis: &nbsp;</td> 
    <td> h</td> 
    <td></td> 
    </tr> 
    <tr class="fett"> 
    <td>T&auml;tigkeit</td> 
    <td>Wert &euro; (je)</td> 
    <td>Anzahl</td> 
    <td>Gesamt &euro;</td> 
    </tr> 
    <tr> 
     <td>Auftrag</td> 
     <td>xy</td> 
     <td>1</td> 
     <td>zz</td> 
     </tr><tr> 
     <td>Adress&auml;nderungen</td> 
     <td>xy</td> 
     <td>2</td> 
     <td>zz</td> 
     </tr><tr> 
     <td>Email allgemein</td> 
     <td>xy</td> 
     <td>1</td> 
     <td>zz</td> 
     </tr><tr> 
      <td>Kundenkontakte telefonisch</td> 
      <td>xy</td> 
      <td>7</td> 
      <td>zz</td> 
      </tr> 
     <tr class="fett"> 
     <td colspan="2"></td> 
     <td>Summe:</td> 
     <td>zz &euro;</td> 
     </tr> 
     <tr class="fett"> 
     <td colspan="2"></td> 
     <td>Soll:</td> 
     <td></td> 
     </tr> 
     <tr><td colspan="4" style="border-bottom:1px solid #000;">&nbsp;</td></tr> 

    <tr class="fett"> 
    <td class="lrgfont">Employee 4</td> 
    <td>von: <br>bis: &nbsp;</td> 
    <td> h</td> 
    <td></td> 
    </tr> 
    <tr class="fett"> 
    <td>T&auml;tigkeit</td> 
    <td>Wert &euro; (je)</td> 
    <td>Anzahl</td> 
    <td>Gesamt &euro;</td> 
    </tr> 
    <tr> 
     <td>Email allgemein</td> 
     <td>xy</td> 
     <td>23</td> 
     <td>zz</td> 
     </tr><tr> 
      <td>Kundenkontakte telefonisch</td> 
      <td>xy</td> 
      <td>95</td> 
      <td>zz</td> 
      </tr> 
     <tr class="fett"> 
     <td colspan="2"></td> 
     <td>Summe:</td> 
     <td>zz &euro;</td> 
     </tr> 
     <tr class="fett"> 
     <td colspan="2"></td> 
     <td>Soll:</td> 
     <td></td> 
     </tr> 
     <tr><td colspan="4" style="border-bottom:1px solid #000;">&nbsp;</td></tr> 

    <tr class="fett"> 
    <td class="lrgfont">Employee 5</td> 
    <td>von: <br>bis: &nbsp;</td> 
    <td> h</td> 
    <td></td> 
    </tr> 
    <tr class="fett"> 
    <td>T&auml;tigkeit</td> 
    <td>Wert &euro; (je)</td> 
    <td>Anzahl</td> 
    <td>Gesamt &euro;</td> 
    </tr> 
    <tr> 
     <td>Angebote</td> 
     <td>xy</td> 
     <td>573</td> 
     <td>zz</td> 
     </tr><tr> 
     <td>Email allgemein</td> 
     <td>xy</td> 
     <td>115</td> 
     <td>zz</td> 
     </tr> 
     <tr class="fett"> 
     <td colspan="2"></td> 
     <td>Summe:</td> 
     <td>zz &euro;</td> 
     </tr> 
     <tr class="fett"> 
     <td colspan="2"></td> 
     <td>Soll:</td> 
     <td></td> 
     </tr> 
     <tr><td colspan="4" style="border-bottom:1px solid #000;">&nbsp;</td></tr> 
     </table></div> 

Answer 1

我建議在封閉在其中設置一些默認的寬度外的div的所有表。然後將表格放置在該div內，並顯示一種樣式：inline-block和一些寬度。然後，他們應該包裹得很好。

你會想在CSS中使用@media查詢來做到這一點，你可以在這裏閱讀：Media Queries。

請注意，使用此方法，您可以在顯示的頁面上顯示單個列，並在打印頁面上顯示多個列。