1
I have a product chart and I’m putting together her layout for printing. I am using the tag so that the column title is repeated to each new page in the print but the customer did not like the result that appears in the print below.
This block of text in lorem ipsum will be the product description, and the column title is appearing on top of it after the page break, but the customer wants it to appear only on top of the code, name and description items.
In the image above, in item 1 the text block is from the previous page item, it did not fit on the page and naturally went to the next page. And item 2, the column title (Cod, name, description) should be below the description of the previous item. I’ve tried using css page-break-after to break but it didn’t work. Anyone have any suggestions?
Felipe, if possible post the part of the code responsible for this, or even a (internal) simulation of it together with your question or a JSFIDDLE (external).
– Bruno
Follow the link in jsbin: https://jsbin.com/weratiwova/1/edit?html,css,output But anyway you have to have it printed in order to view the print and see the problem.
– Felipe Coelho
Boy, I’ll tell you, this is a very hairy problem... I’ve done some research, and a lot of solutions are extremely esoteric. Maybe you’d better think of another way to print these tables, maybe generate a
.doc
or count lines and create page break in nail...– Daniel
I agree with you, know that I used stackoverflow after having tried several things. But blz, I will wait a little longer and if I do not come to anything close this question. I thank those who have commented so far.
– Felipe Coelho
I got into the fight. I’ll see if I can find something! Haha... But as far as I know, I think the easiest for this solution (not applicable in tables) is the scheme of
widows
andorphans
.– Leon Freire
It’s... I’ll lie no. Table looks really angry.
– Leon Freire