在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。

请注意，使用此方法，您可以在显示的页面上显示单个列，并在打印页面上显示多个列。