[Html2PdfConverter] Overlapping column header and content of table records

[Html2PdfConverter] Overlapping column header and content of table records

  
Forge Component
(42)
Published on 8 Nov by Guilherme Pereira
42 votes
Published on 8 Nov by Guilherme Pereira

Hi All,


if on subsequent pages, like page 2, 3 etc. the heading of a grid is duplicated to the next page, and overlaps the table contents.


This is happened only if the page is splitted exactly right after the column header. (please see pic below). 

Anyone had this issue? Is there anyway I could prevent this?



Thanks,

Daniel

Solution

Hi Dan,


Have you tried the workaround suggested on the FAQ 


Q) How can I control the header on my pages?

A) By using css.

  • If you want to prevent your table header to be repeated on other pages, you should apply the following CSS styles on the page that you are printing:

  • If you want to maintain your table header repeated on all pages but still ensure that the content don't overlap you can try the below solution:


Cheers,

Guilherme

Solution

Excellent, it's working perfect.

Sorry, I missed that in FAQ, I should have checked it better.


Thanks a lot Guilherme

Guilherme Pereira wrote:

Hi Dan,


Have you tried the workaround suggested on the FAQ 


Q) How can I control the header on my pages?

A) By using css.

  • If you want to prevent your table header to be repeated on other pages, you should apply the following CSS styles on the page that you are printing:

  • If you want to maintain your table header repeated on all pages but still ensure that the content don't overlap you can try the below solution:


Cheers,

Guilherme

This isn't working for me. Is there anything else that can be done?


Paree Bansal wrote:

Guilherme Pereira wrote:

Hi Dan,


Have you tried the workaround suggested on the FAQ 


Q) How can I control the header on my pages?

A) By using css.

  • If you want to prevent your table header to be repeated on other pages, you should apply the following CSS styles on the page that you are printing:

  • If you want to maintain your table header repeated on all pages but still ensure that the content don't overlap you can try the below solution:


Cheers,

Guilherme

This isn't working for me. Is there anything else that can be done?

Hi, overlapping is a problem of wkhtmltopdf tool which is not completly solved yet, you can find all possible combinations of css and recommendations in the original thread : https://github.com/wkhtmltopdf/wkhtmltopdf/issues/1524