отображение динамической таблицы в 2 столбцах для распечатки

Question

У меня есть таблица, которая динамически генерируется. Это показывает, что работа некоторых сотрудников, проводимые в течение определенного периода, с каждой работой в качестве новой строки и всего 4 столбцов на работу с информацией о времени, используемых и т.д. Таким образом, данные выглядят как

Worker1
MailService | 2h | 3 $ | 6 $
phonecalls | 1.4h | 2 $ | 2,8 $

Рабочий2
10 mailservice | 4h | 3 $ | 12 $
хранения | 11h | 8 $ | 88 $

Работник3
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 со стилем отображения: встроенным блоком и некоторой шириной. Тогда они должны обернуться просто отлично.

Вы хотите сделать это, используя запрос @media в CSS, который вы можете прочитать здесь: Media Queries.

Обратите внимание, что с помощью этого метода на отображаемой странице может быть один столбец и несколько столбцов на распечатанной странице.