title: How I can remove border from table while printing using css @media print
body: <p>Hello I try to remove border from my table when the user click button print (window.print) using css but it stay always in printed page </p>
  
  <p>this is my css code  : </p>
  
  <pre><code>    @media print{
  
      body * {visibility: hidden;
  
  
      }
  
      table {
          border:solid; white !important;
          border-width:1px 0 0 1px !important;
          border-bottom-style: none;
      }
      th, td{
          border:solid; white !important;
          border-width:0 1px 1px 0 !important;
          border-bottom-style: none;
      }
  }
  </code></pre>
  
  <p>this css gave me this result : </p>
  
  <p><a href="https://i.stack.imgur.com/82Tc1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/82Tc1.png" alt="enter image description here"></a></p>
  
  <p>The bottom border of table stay showing  How do I can remove it Thank u</p>