title: How to add TABLE style in QWEB reports? Odoo 14
body: <p>I want to add a border to the table ,</p>
  <pre><code>&lt;table style=&quot;border: 1pt solid black;display: inline-block;&quot;&gt;
       &lt;tbody style=&quot;&quot;&gt;
  
            &lt;tr&gt;
                &lt;th&quot; &gt;Title1&lt;/th&gt;
                &lt;th&quot; &gt;Title2&lt;/th&gt;
  
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td  t-esc=&quot;&quot;/&gt;
                &lt;td t-esc=&quot;&quot;/&gt;
            &lt;/tr&gt;
        &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  <p>But when I tried to add this style :</p>
  <pre><code>&lt;style&gt;
     td, th{border:solid 1px;text-align:center;}
  &lt;/style&gt;
  </code></pre>
  <p>I got this result :
  <a href="https://i.stack.imgur.com/xnid6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xnid6.png" alt="enter image description here" /></a>
  But I want to get this style of table :<a href="https://i.stack.imgur.com/lg9cL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lg9cL.png" alt="enter image description here" /></a></p>
  <p>Any help please? Thanks.</p>
  <p>I tried with these 2 solutions , but I got these results:</p>
  <p><a href="https://i.stack.imgur.com/rC5N7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rC5N7.png" alt="enter image description here" /></a></p>
  <pre><code>&lt;table  class=&quot;table&quot;&gt;
       &lt;tbody style=&quot;&quot;&gt;
            &lt;tr&gt;
               &lt;th  &gt;Title1&lt;/th&gt;
                &lt;th &gt;Title2&lt;/th&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                 &lt;td &gt; Field1 &lt;/td&gt;
                  &lt;td &gt; Field2 &lt;/td&gt;
              &lt;/tr&gt;
       &lt;/tbody&gt;
   &lt;/table&gt;
  
  
  
  
  
   &lt;table  style=&quot; border-collapse: collapse;&quot;&gt;
      &lt;tbody &gt;
           &lt;tr&gt;
                &lt;th   style=&quot; border-collapse: collapse;&quot;  &gt;Title1&lt;/th&gt;
                &lt;th  style=&quot; border-collapse: collapse;&quot; &gt;Title2&lt;/th&gt;
           &lt;/tr&gt;
           &lt;tr&gt;
                 &lt;td  style=&quot; border-collapse: collapse;&quot; &gt; Field1 &lt;/td&gt;
                 &lt;td  style=&quot; border-collapse: collapse;&quot; &gt; Field2 &lt;/td&gt;
            &lt;/tr&gt;
       &lt;/tbody&gt;
  </code></pre>