Aktuelle Größe von Tabelle bekommen (dynamische Erzeugung der Tabelle)
 |
|
|
LinkBack | Themen-Optionen | Ansicht |
30.11.2014, 17:50
|
|||
|
|||
Aktuelle Größe von Tabelle bekommen (dynamische Erzeugung der Tabelle)
Hallo zusammen,
ich schreibe derzeit ein Programm, das mir Artikelpositionen in einer Tabelle anlegt, was ich später als PDF generieren möchte. Nun habe ich um die Tabelle ein <div>, das mir die Breite und Höhe der Tabelle festlegt. Nun möchte ich folgendes realisieren: Es soll nur solange Zeilen der Tabelle (<tr>) (=also meine Artikelpositionen) in meiner Schleife angelegt werden, bis die die Höhe des <div> erreicht ist. Danach soll eine neue PDF Seite generiert werden mit einer neuen Tabelle. Also sprich was ich brauche ist pro Schleifendurchlauf eine Abfrage, ob die Höhe des <div> erreicht wurde Wenn ja: neue PDF Seite generieren mit neuer Tabelle nein: nächste Zeile erstellen Wie kann ich das realisieren. Gibt es irgendwie ein Flag, das mir die aktuelle Höhe der Tabelle zurückgibt? Ich danke Euch für jede Hilfe 
|
| Sponsored Links |
|
01.12.2014, 09:42
|
|||
|
|||
|
Du möchtest damit immer noch eine Pixelgenaue Ausgabe auf einem Ausdruck realisieren?
Warum verwendest du nicht einfach Druck-CSS dafür, du kannst auch angeben, dass der Header der Tabelle auf jeder Seite ausgedruckt werden soll. So, wie du an die Sache rangehst, ist es der falsche Weg. Aber das wurde dir ja schon in den anderen Threads gesagt.
|
| Sponsored Links |
|
01.12.2014, 09:44
|
||||
|
||||
|
Soweit ich das verstehe, will er ein PDF erzeugen. Dann ist er aber mit seiner Frage hier an der falschen Stelle.
|
|
01.12.2014, 11:02
|
|||
|
|||
|
Ich kann auch nicht hellsehen, aber wenn man sich seine letzten (einzigen) Fragen ansieht, dann erkennt man doch ein Muster: Wie rechne ich px in mm um, wie kann ich eine A4-Seite in HTML nachbauen... Er möchte wohl eine HTML-Seite ausdrucken, bzw. in ein pdf-verwandeln und dabei soll wohl alles auf den Pixel genau sitzen. (Das ist alles nur spekulation meinerseits)
Wenn er die Seite als HTML hat, erschließt sich mir nicht, wieso er sie nochmal in ein pdf konvertieren will. Entweder, er erstellt gleich ein pdf, oder er lässt den druck vom HTML ordentlich mittels eines print.css realisieren. Eine erneute "Umwandlung" kann nur schlechte Resultate bringen. Soweit aber nur meine Spekulationen, was er wirklich machen möchte, weiß ich natürlich nicht.
|
|
01.12.2014, 19:16
|
|||
|
|||
|
Hallo zusammen,
zunächst vielen Dank für Eure Antworten. Anbei schildere ich mein Vorhaben: Ziel ist es Angebote, Rechnungen bzw. allgemein Dokumente erstellen zu können. 1) Ich habe eine HTML-Seite mit JavaScript, die mir als Vorlageneditor dient. Also quasi so etwas wie Microsoft Word, in dem ich Linien, Texte etc. erstelle. Diese erstellte Elemente (das Design der Seite) werden dann komplett als HTML gespeichert. 2) Diesen HTML Code verwende ich dann als mein Layout für mein Dokument. 3) Im dritten Schritten erstelle ich dann dynamisch mein PDF-Dokument. Hierzu nutze ich wie gesagt den produzierten HTML Code für das Layout. Den Inhalt (wie Firmenname etc.) kommt dann direkt aus einer Datenbank und wird dem bestehenden HTML Code entsprechend hinzugefügt. Danach habe ich also einen kompletten HTML Code, der mir eine Rechnung oder Angebot anzeigt. 4) Diesen generierten HTML Code transferiere ich dann wiederum in ein PDF Dokument => Diesen Schritte 1-4funktionieren auch bereits. Folgendes Problem besteht: Ich habe in dem Dokument auch eine Postentabelle. Also eine Tabelle, das meine enthaltenen Produkte mit Preis, Menge etc. anzeigt. Diese Tabelle wird ebenfalls dynamisch generiert. Allerdings ist die Größe immer unterschiedlich pro Dokument - je nach Anzahl an Positionen. Das Problem das ich nun habe ist, dass wenn die Tabelle z.B. 20 Positionen enthält, dass mein Footer (Firmeninformationen) durch diese Tabelle überschrieben wird. Die Lösung soll sein, dass die Zeilen der Tabelle nur solange erstellt werden, bis der Footer kommt. Danach wird die Tabelle auf einer neuen Seite fortgesetzt. Also um das sich etwas bildlich vorzustellen: Ich habe folgende Dokument Sektionen: 1. Header = (Kunde, Logo etc.) 2. Body = Meine Tabelle, die die Artikel mit Preis, Menge etc. im Angebot oder Rechnung enthält 3. Footer = Firmenname, Kontoverbindung etc. Header und Footer sind von der Größe eigentlich immer statisch. Nur der Body kann sich von der Größe aufgrund der Anzahl an Positionen ändern. Was ich also benötige ist, dass der Body zum Beispiel nur 20cm hoch sein darf. Wird diese Größe der Tabelle bzw. Zeilen der Tabelle überschritten, dann soll die Tabelle auf der nächsten Seite fortgeführt werden. 5) Im fünften Schritt soll es dann so sein, dass die zweite Seite ein anderes Layout hat. Da ich zum Beispiel auf der zweiten Seite nicht nochmal ein Einleitungstext benötige. Aber ich denke das soll dann recht einfach realisiert werden. Im Besten Fall ändere ich einfach Höhe der CSS-Klassen der ersten Seite. Wichtig ist, dass ich erst mal das Prinzip verstehe wie ich das mit der dynamischen Tabelle (Fortführung auf Seite zwei) realisieren kann. Wer kann mir dabei bitte helfen? Vielen Dank schon Mal.
|
|
01.12.2014, 21:41
|
|||
|
|||
|
Hier mal noch der HTML Code den ich bisher habe:
Was muss ich ändern, dass der Page break funktioniert? Einfach den Code mal hierein kopieren: http://www.onlinehtmleditor.net/ HTML-Code:
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta><style>@media print{table { page-break-after:auto }tr { page-break-inside:avoid; page-break-after:auto }td { page-break-inside:avoid; page-break-after:auto }thead { display:table-header-group }tfoot { display:table-footer-group }}</style></head><body><div style="border-style: solid; border-width: 0.5mm; border-color: #000000; background-color: null; position: absolute; top: 52.0mm; left: 20.0mm; height: 5.0mm; width: 70.0mm;"><span style="font-size:11px; font-family:arial,helvetica,sans-serif">Das ist ein Text</span></div><div style="border-style: solid; border-width: 0.5mm; border-color: #000000; background-color: null; position: absolute; top: 57.0mm; left: 20.0mm; height: 30.0mm; width: 60.0mm;"><span style="font-size:11px; font-family:arial,helvetica,sans-serif">Das ist ein Test</span></div><div style="border-style: solid; border-width: 0.5mm; border-color: #000000; background-color: null; position: absolute; top: 100.0mm; left: 20.0mm; height: 7.0mm; width: 107.0mm;"><span style="font-size:11px; font-family:arial,helvetica,sans-serif">Headline</span></div><div style="border-style: solid; border-width: 0.5mm; border-color: #000000; background-color: null; position: absolute; top: 110.0mm; left: 20.0mm; height: 20.0mm; width: 178.0mm;"><span style="font-size:11px; font-family:arial,helvetica,sans-serif">Introduction Text</span></div><div style="border-style: solid; border-width: 0.5mm; border-color: #000000; background-color: null; position: absolute; top: 243.0mm; left: 20.0mm; height: 3.0mm; width: 170.0mm;"><hr style="margin-top: 2mm; margin-bottom: 0mm; width: 170.0mm; border-color:#000000; height: 1.0mm" /></div><div style="border-style: solid; border-width: 0.5mm; border-color: #000000; background-color: null; position: absolute; top: 247.0mm; left: 20.0mm; height: 30.0mm; width: 70.0mm;"><span style="font-size:11px; font-family:arial,helvetica,sans-serif">Footer1</span></div><div style="border-style: solid; border-width: 0.5mm; border-color: #000000; background-color: null; position: absolute; top: 247.0mm; left: 120.0mm; height: 30.0mm; width: 70.0mm;"><span style="font-size:11px; font-family:arial,helvetica,sans-serif">Footer2</span></div><div style="border-style: solid; border-width: 0.5mm; border-color: #000000; background-color: null; position: absolute; top: 10.0mm; left: 140.0mm; height: 40.0mm; width: 50.0mm;"><span style="font-size:11px; font-family:arial,helvetica,sans-serif">Logo</span></div><div style="position: absolute; top: 150.0mm; left: 20.0mm; height: 100.0mm; width: 170.0mm;"><table><tr><td valign="middle" style="height: 5.0mm; width: 70.0mm; background-color: #005fbf"><div style="text-align: center;"><span style="text-align: center; font-size:11px; font-family: arial,helvetica,sans-serif; color: #000000;"><strong>Position</strong></span></div></td><td valign="middle" style="height: 5.0mm; width: 70.0mm; background-color: #none"><div style="text-align: center;"><span style="text-align: center; font-size:11px; font-family: arial,helvetica,sans-serif; color: #000000;"><strong>Artikelnr</strong></span></div></td><td valign="middle" style="height: 5.0mm; width: 70.0mm; background-color: #none"><div style="text-align: center;"><span style="text-align: center; font-size:11px; font-family: arial,helvetica,sans-serif; color: #000000;"><strong>Beschreibung</strong></span></div></td><td valign="middle" style="height: 5.0mm; width: 70.0mm; background-color: #none"><div style="text-align: center;"><span style="text-align: center; font-size:11px; font-family: arial,helvetica,sans-serif; color: #000000;"><strong>Menge</strong></span></div></td><td valign="middle" style="height: 5.0mm; width: 70.0mm; background-color: #none"><div style="text-align: center;"><span style="text-align: center; font-size:11px; font-family: arial,helvetica,sans-serif; color: #000000;"><strong>Preis (Netto)</strong></span></div></td><td valign="middle" style="height: 5.0mm; width: 70.0mm; background-color: #none"><div style="text-align: center;"><span style="text-align: center; font-size:11px; font-family: arial,helvetica,sans-serif; color: #000000;"><strong>Preis (Brutto)</strong></span></div></td><td valign="middle" style="height: 5.0mm; width: 70.0mm; background-color: #none"><div style="text-align: center;"><span style="text-align: center; font-size:11px; font-family: arial,helvetica,sans-serif; color: #000000;"><strong>Gesamtsumme (Netto):</strong></span></div></td><td valign="middle" style="height: 5.0mm; width: 70.0mm; background-color: #none"><div style="text-align: center;"><span style="text-align: center; font-size:11px; font-family: arial,helvetica,sans-serif; color: #000000;"><strong>Gesamtpreis (Brutto)</strong></span></div></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">2</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">3</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">4</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">5</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">6</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">7</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">8</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">9</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">10</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">11</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">12</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">13</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">14</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">15</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">16</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">17</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">18</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">19</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">20</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">21</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">22</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">23</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">24</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">25</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">26</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr></table></div></body></html> Geändert von internet (01.12.2014 um 21:46 Uhr)
|
|
01.12.2014, 21:46
|
||||
|
||||
|
Ich denke du willst ein PDF erstellen?
Insofern verstehe ich nicht, was du mit HTML/CSS willst?
|
|
01.12.2014, 21:59
|
|||
|
|||
|
Richtig, das möchte ich.
Wie oben schon beschrieben: das PDF erzeuge ich aus dem generierten HTML-Code. Problem ist wie gesagt der Page break der Tabelle. Hier die derzeitige Darstellung im PDF: 
Geändert von internet (01.12.2014 um 22:19 Uhr)
|
|
01.12.2014, 22:17
|
||||
|
||||
|
Zitat:
|
| Sponsored Links |
|
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Div als Ersatz für Tabelle für dynamische Daten? | heohni | CSS | 6 | 07.03.2012 18:17 |
| CSS Fehler! Dynamische größe | lennartt4 | CSS | 5 | 22.05.2010 13:00 |
| Mainbody in Tabelle - dynamische Größenanpassung | hinkel11 | CSS | 0 | 05.03.2009 22:13 |
| div soll größe von innerer tabelle anehmen | pospiech | CSS | 4 | 13.12.2007 11:41 |
| Fixe größe einer Tabelle | Dennis88 | CSS | 1 | 24.01.2006 14:51 |
Linear-Darstellung
