MaxMelcher / AzureDevOps.WikiPDFExport

Export Azure DevOps Wiki to PDF
MIT License
191 stars 65 forks source link

Tables are not showing correctly in PDF Export #51

Closed Sandafoks closed 3 years ago

Sandafoks commented 3 years ago

Hello,

when I export the PDF document the tables are not showing correctly.

In Azure Wiki the tables are shown properly. See image below. image

When I export the PDF the table looks like this: image

It just shows me the code I used in the Wiki.

Any help would be appreciated :).

Kind regards,

Alex

MaxMelcher commented 3 years ago

Hi alex - can you share parts of the table code so I can test this? In general tables should work.

Sandafoks commented 3 years ago

Hi Max,

sure I can.

` Pin Nummer Pin Name Funktion Signalrichtung
1, 10, 19, 28, 37, 46 GND Ground -
47, 49 VCC +5VDC
Versorgungsspannung
-
2...9;
11...15;
17, 51, 52
A0...A15 16-Bit
Adressbuss
Eingang
38 /CS Chipselect Eingang (Low active)
39 /RD Read Befehl Eingang (Low active)
43 Sync1 Resettakt Ausgang
45 /Busy Briefmarke aktiv Ausgang (Low active)
20...27;
29...36
D0...D15 16-Bit
Datenbus
Ein-/Ausgang
41 /BHE Byte High Enable
für 16-Bit Adressierung
Eingang (Low active)
40 /WR Write Befehl Eingang (Low active) `

In Wiki it looks like this:

Pin Nummer Pin Name Funktion Signalrichtung
1, 10, 19, 28, 37, 46 GND Ground -
47, 49 VCC +5VDC
Versorgungsspannung
-
2...9;
11...15;
17, 51, 52
A0...A15 16-Bit
Adressbuss
Eingang
38 /CS Chipselect Eingang (Low active)
39 /RD Read Befehl Eingang (Low active)
43 Sync1 Resettakt Ausgang
45 /Busy Briefmarke aktiv Ausgang (Low active)
20...27;
29...36
D0...D15 16-Bit
Datenbus
Ein-/Ausgang
41 /BHE Byte High Enable
für 16-Bit Adressierung
Eingang (Low active)
40 /WR Write Befehl Eingang (Low active)

Here is another table example:

` Revision Datum Änderungen zur vorherigen Revision
A 09.02.2021 Erste Veröffentlichung der Bedienungsanleitung `
and in Wiki it looks like this: Revision Datum Änderungen zur vorherigen Revision
A 09.02.2021 Erste Veröffentlichung der Bedienungsanleitung
MaxMelcher commented 3 years ago

I just checked it - is there a reason why the table is on one line?

If you split the table in new lines, then it works correctly:

image

image

Sandafoks commented 3 years ago

Ok there is a progress. The content of the table is kind of formatted now. But the table lines are still missing. This is so weird because Azure is showing me the table lines.

2021-03-01 08_18_37-export pdf

What exactly do you mean by one line? I use the table tool in Azure to create a table and insert my text. In the Wiki editor it is not in one line (as you can see in the image above). I even added a new 3x2 table now without inserting any text. Even that table won't show up in code. It is just blank. It doesn't even matter if use the "Format tables" function in Azure wiki.

Could it be a "style.css" problem?

This is my style.css .

body { font-family: "Segoe UI Emoji", Tahoma, Geneva, Verdana, sans-serif; font-size: 10pt; }

h1 { font-size: 25pt; }

h2 { font-size: 20pt; }

h3 { font-size: 15pt; }

h4 { font-size: 12pt; }

img { max-width: 100%; max-height: 800px; }

MaxMelcher commented 3 years ago

Yes I think it's css, I don't see table borders defined there.

For the Screenshots above I used: https://github.com/MaxMelcher/AzureDevOps.WikiPDFExport/blob/main/devopswikistyle.css

Sandafoks commented 3 years ago

I used your css and it works. Thank you very much for the fast support!