Table Printing Problem

Asked

Viewed 46 times

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.

inserir a descrição da imagem aqui

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?

  • 1

    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).

  • 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.

  • 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...

  • 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.

  • 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 and orphans.

  • It’s... I’ll lie no. Table looks really angry.

Show 1 more comment
No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.