How to avoid pagination within table rows-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW)

How to avoid pagination within table rows

P粉529245050 2023-08-20 20:24:22

415

<p>I want to avoid pagination within table rows via wkhtmltopdf when converting HTML to PDF. I used page-break-inside:avoid with table and it worked, but not when there are many rows. If the display is set to block or other methods, the format of the table will be changed and double borders will be inserted. Or you can insert a table header on each page to display when the table is split. </p>

P粉529245050

reply all(2)

P粉2264132562023-08-21 14:50:42 2 floor

The best way I've found to handle this in webkit browsers is to place a div inside each td element and apply the page-break-inside: avoid style to the div like this:

...

  
    单元格内容。
  

...

Although Chrome reportedly does not recognize the 'page-break-inside: avoid;' attribute, this appears to prevent line content from being split in half by page breaks when generating PDFs using wktohtml. The tr element may break slightly beyond the page, but the div and anything inside it will not.

Like +0

Add Reply

P粉5174756702023-08-21 13:11:45 1 floor

You can try to use CSS:

Most CSS rules cannot be applied directly to tags because as you pointed out above - they have unique display styles that do not allow these CSS rules. However, the and tags usually allow for this specification - you can easily apply these rules to all children using the CSS in the example above ## and .

Like +0

Add Reply