2017-02-06 5 views
0

動的に生成された表があります。特定の従業員が特定の期間にわたって行った作業を示します。各行は新しい行として、作業ごとに合計4列、使用時間などの情報が表示されます。 2時間| 3 $ | 6 $
phonecalls | 1.4h | 2 $ | 2.8 $

労働者2
mailservice | 4h | 3 $ | 12 $
収納| 11h | 8 $ | 88 $

労働者3
phonecalls | 23h | 3 $ | 69 $

など。各作業者の行数は、時間枠の中で何をしたかによって異なります。与えられた時間枠内の労働者の数と同じです。だから私は素敵なテーブルのデータでいっぱい、画面上で素晴らしいようになります。しかし、今、私はこの印刷用に2列に動的表を表示

 
Worker 1   worker3 
....    .... 

worker2   worker4 
....    .... 

のように私は2番目の列の上にラップするテーブルを取得する方法か見当もつかない、それをプリントアウトし、それが2列(ランドスケープ形式)に行かなければならない用紙を節約する必要があります次のページに進む前にページを開きます。改ページなどはかなり明確です。

ご協力いただければ幸いです。

編集:ここで生成された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> 
+0

サンプルコードを提供できますか? – Armin

+0

完了、上記の関連部分を参照 –

+0

PHPコードを削除し、生成されたhtmlを追加してください。ビューソース、または開発者モードに移動してそこからコピーすることができます。 – Armin

答えて

0

私はあなたにいくつかのデフォルトの幅を設定し、その上に、外側のdiv内のすべてのテーブルを囲んでお勧めします。次に、divの内部にテーブルを配置します。表示のスタイルはインラインブロックと幅です。その後、彼らはうまくラップする必要があります。

これは、CSSの@mediaクエリを使って行います。ここでは、Media Queriesについて読むことができます。

この方法を使用すると、表示されたページに1つの列があり、印刷されたページに複数の列が表示されることに注意してください。

+0

私は選択する時間枠によってかなり長いかもしれない1つのテーブルしか持っていません。どのようにして、その1つのテーブルを並べて、別の2つのdivに並べ替えるのですか?もちろん、結果ごとにテーブルを作成したり、divの結果データを保持したりして、2列にまとめられたテーブルのように見えるまでそれらのテーブルを浮かせます。 –

関連する問題