title: dompdf page-break-inside: avoid on table not working
body: <p>I want to keep both the <code>th</code> and <code>td</code> tags in th same page. I have multiple table with only one <code>th</code> and one <code>td</code> tag and I used <code>page-break-inside: avoid</code> on the <code>table</code> but I get this result: <a href="https://i.stack.imgur.com/VfPb7.png" rel="nofollow noreferrer">pdf file</a>
  I would like to have the title and the content in the same page. How can I do ?</p>
  
  <p>EDIT: This is my html: 
   </p>
  
  <pre><code>&lt;div id="compilazione_ordini"&gt;
     &lt;table&gt;
        &lt;tr&gt;&lt;th&gt;Ord5&lt;/th&gt;&lt;/tr&gt;
        &lt;tr&gt;&lt;td&gt;&lt;textarea name='ordini[5][testo]'&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt;
     &lt;/table&gt;       
     &lt;table&gt;
        &lt;tr&gt;&lt;th&gt;Ord6&lt;/th&gt;&lt;/tr&gt;
        &lt;tr&gt;&lt;td&gt;&lt;textarea name='ordini[6][testo]'&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt;
     &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and my css:</p>
  
  <pre><code>#compilazione_ordini table{
      border-collapse: collapse;
      width:100%;
      margin-bottom: 40px;
  }
  #compilazione_ordini th{
      border: 1px solid black;
      font-size: 1.1em;
      font-weight: bold;
      padding: 2px;
      text-align: left;
  }
  #compilazione_ordini textarea{
      border:none;
      margin:0px;
      width:100%;
      height: 16em;
      padding:2px;
      resize:vertical;
      font-family: sans-serif;
      display: block;
  }
  #compilazione_ordini td{
      border: 1px solid black;
  }
  </code></pre>
  
  <p>Thanks.</p>