title: Pupeteer to generate pdf is rendering tables with gaps
body: <p>I'm using <a href="https://github.com/puppeteer/puppeteer" rel="nofollow noreferrer">Node Puppeteer</a> to generate a PDF from a webpage using Chrome Headless. It works really well, apart from a small issue I'm coming across where if a table spans over more than one page sometimes one of the rows will appear larger than expected and the date column having text appear at the top of the row.</p>
  <p>This is how it looks in the browser</p>
  <p><a href="https://i.stack.imgur.com/pRKJl.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pRKJl.jpg" alt="Browser view" /></a></p>
  <p>This is how it is rendered on the pdf (some parts are blurred for confidentiality)</p>
  <p><a href="https://i.stack.imgur.com/ik4py.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ik4py.jpg" alt="PDF rendered view" /></a></p>
  <p>As you can see on the created column on the second page in the PDF view the date and time in the first row are distorted. There is nothing unusual about that row in the html version.</p>
  <p>The table follows this structure;</p>
  <pre><code>&lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Project&lt;/th&gt;
              &lt;th&gt;Status&lt;/th&gt;
              &lt;th&gt;Creator&lt;/th&gt;
              &lt;th&gt;Created&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;div&gt;Project Name&lt;/div&gt;
                  &lt;div&gt;Reference&lt;/div&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;img src=&quot;status.png&quot; alt=&quot;Some Stagus&quot;&gt; Some Status
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;div class=&quot;avatar&quot;&gt;&lt;/div&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;div&gt;29/10/2020&lt;/div&gt;
                  &lt;div&gt;10:00:00&lt;/div&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  <p>I'm not sure if this is a bug with chrome headless, when I print preview in chrome is shows the same issue as the generated pdf. Any suggestions or pointers would be very welcome.</p>