I believe DOMPDF is using a fairly limited character set for determining how to split a line. Right now it only splits a line at a dash or a space. So something like the URL you have in your sample is going to run past the width of the container. DOMPDF just doesn't know how to break it up.

Starting with dompdf v0.6.0 you can style your text so that words are broken at any character, e.g.:

<span style="word-wrap: break-word;">http://example.com/really/long/.../url</span>

It's not as clean as breaking on a particular character (e.g. a /). If you're comfortable hacking the code you can work around the problem a little more elegantly. Open up the text reflower class and modify the regular expression that splits the line. The regular expression looks like the following:

preg_split('/([\s-]+)/u', $text, -1, PREG_SPLIT_DELIM_CAPTURE)

Modify that code to include whatever extra characters you think will make for a good line break. You might, for example, break URLs up on ?, &, or even / if you expect to have extremely long URLs in your text:

$words = preg_split('/([\s-\?\&\/]+)/u', $text, -1, PREG_SPLIT_DELIM_CAPTURE);

In dompdf 0.6.1 the RegEx can be found in dompdf/include/text_frame_reflower.cls.php lines 86 and 371. In the upcoming 0.7.0 the RegEx can be found in dompdf/src/FrameReflower/Text.php lines 106 and 402.

The drawback to modifying the RegEx is that this will affect all text (not just URLs).

I set width in % with table-layout:fixed and it worked fine

In recent versions of DOMPDF (e.g., version 0.5.2 or later, I believe), you can wrap your rows containing your table headers in a THEAD.

Change your view to:

<table width="100%" page-break-inside: auto;>
    <thead>
        <tr>
            <th>a</th>
            <th>b</th>
            <th>c</th>
            <th>d</th>
            <th>e</th>
       </tr>
   <thead>

This should do the trick. There is one case where it fails: if your table is rendered so that it breaks after your thead but before any data rows are rendered, the thead will not show up on the next page. If the table breaks across yet another page, the thead will show up on the subsequent pages.

I use

thead:before, thead:after { display: none; }
tbody:before, tbody:after { display: none; }

the example of footer and header html: https://gist.github.com/doobas/d5ba90c73f5d8d6c229e1a7855f7355a

You have to add margin for body.

From the Dompdf github page:

Handles most CSS 2.1 and a few CSS3 properties, including @import, @media & @page rules

My best guess here is that some of your styling has CSS3 properties that Dompdf does not support, but your browser does, so that is why you get different outputs.

Seeing that you use bootstrap, I found these issues that might help:

• https://github.com/dompdf/dompdf/issues/1986

• https://github.com/dompdf/dompdf/issues/631