MPDF div not working inside table

Question

I am working on mpdf and it is a good library to convert html page to pdf, but when I put block element e.g <div><p> inside table cell it doesn't behave like a block element, it behaves like inline element.

code:

 <td><div>Block Element</div></td>

or

 <td><p>Block Element</p></td>

Is there a way to make it block element?

Or should I use other library?

Thanks in advance.

`` should be inside `
`
– Pathik Vejani Apr 06 '16 at 04:54 — Pathik Vejani, Apr 06 '16 at 04:54
@PathikVejani Why? I'm having trouble using a
inside a too.
– Christian Sep 21 '16 at 08:40 — Christian, Sep 21 '16 at 08:40

Christian · Accepted Answer · 2019-02-06T09:21:20.600

9

Looking for solutions to the same problem I just realized that according to the documentation, it's not a bug, it's a ~~feature~~ limitation:

Block-level tags (DIV, P etc) are ignored inside tables, including any CSS styles - inline CSS or stylesheet classes, id etc. To set text characteristics within a table/cell, either define the CSS for the table/cell, or use in-line tags e.g. <SPAN style=”…“>

Seems like there's currently no way around it. In my case I had to use  s to indent (fake-center) a <h4> headline.

See https://mpdf.github.io/tables/tables.html

edited Feb 06 '19 at 09:21

answered Sep 21 '16 at 09:01

Christian

878
10
16

2

DIV's aren't working, but in some cases another table inside the 'td' element can help you out. – bernhardh Oct 11 '16 at 08:56
3

Not a 'feature'. A limitation. – Stefan Mar 06 '18 at 08:13

MPDF div not working inside table

1 Answers1