title: How to hide data table content on printed page
body: <p>I have used data table for table, and i have a print button when i click on print button the data table content has to get hide on my printed page as i have shown my output in through image</p>
  
  <p><a href="https://i.stack.imgur.com/GMWba.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GMWba.png" alt="enter image description here"></a></p>
  
  <p><strong>This is my html code</strong></p>
  
  <pre><code> &lt;div class="wrap"&gt;
          &lt;button type="submit" onclick="PrintDiv()"  class="btn btn-print print-button"&gt;
              &lt;span class="glyphicon glyphicon-print"&gt; &lt;/span&gt;    Print&lt;/button&gt;
      &lt;/div&gt;
      &lt;div id="myModalHorizontalprint"&gt; 
          &lt;div id="table-scroll"  class="mailbox-content"&gt;
              &lt;table class ="table supplier-table "id="example" border="1" class="stats" cellspacing="0" style="width:100%; border:1px solid #b7b7b7;text-align:center;"&gt;   
                  &lt;thead class="table-data"&gt;
                      &lt;tr&gt;
                          &lt;th class="text-center"&gt;Sl NO&lt;/th&gt;
                          &lt;th class="text-center"&gt;Name&lt;/th&gt;
                          &lt;th class="text-center"&gt;Email-id&lt;/th&gt;
                          &lt;th class="text-center"&gt;Phone Number&lt;/th&gt;
                      &lt;/tr&gt;
                  &lt;/thead&gt;
                  &lt;tbody class="table-data"&gt;
                      &lt;tr&gt;
                          &lt;td&gt;John&lt;/td&gt;
                          &lt;td&gt;Doe&lt;/td&gt;
                          &lt;td&gt;john@example.com&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;Mary&lt;/td&gt;
                          &lt;td&gt;Moe&lt;/td&gt;
                          &lt;td&gt;mary@example.com&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;July&lt;/td&gt;
                          &lt;td&gt;Dooley&lt;/td&gt;
                          &lt;td&gt;july@example.com&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;John&lt;/td&gt;
                          &lt;td&gt;Doe&lt;/td&gt;
                          &lt;td&gt;john@example.com&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;Mary&lt;/td&gt;
                          &lt;td&gt;Moe&lt;/td&gt;
                          &lt;td&gt;mary@example.com&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;July&lt;/td&gt;
                          &lt;td&gt;Dooley&lt;/td&gt;
                          &lt;td&gt;july@example.com&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;John&lt;/td&gt;
                          &lt;td&gt;Doe&lt;/td&gt;
                          &lt;td&gt;john@example.com&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;Mary&lt;/td&gt;
                          &lt;td&gt;Moe&lt;/td&gt;
                          &lt;td&gt;mary@example.com&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;July&lt;/td&gt;
                          &lt;td&gt;sandbox&lt;/td&gt;
                          &lt;td&gt;july@example.com&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;John&lt;/td&gt;
                          &lt;td&gt;Doe&lt;/td&gt;
                          &lt;td&gt;john@example.com&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;Mary&lt;/td&gt;
                          &lt;td&gt;Moe&lt;/td&gt;
                          &lt;td&gt;mary@example.com&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;July&lt;/td&gt;
                          &lt;td&gt;Dooley&lt;/td&gt;
                          &lt;td&gt;july@example.com&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/tbody&gt;
              &lt;/table&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>Data table Script</strong></p>
  
  <pre><code> &lt;script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
              $(document).ready(function () {
                  $('#example').DataTable({
                      "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
  
                  });
              });
  
      &lt;/script&gt;
  </code></pre>
  
  <p><strong>Print button script</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      function PrintDiv() {
          var myModalHorizontalprint = document.getElementById('myModalHorizontalprint');
          var popupWin = window.open('', '_blank', 'left=0,top=0,width=600,height=600,status=0');
          popupWin.document.open();
          popupWin.document.write('&lt;html&gt;&lt;body width="100%" onload="window.print()"&gt;' + myModalHorizontalprint.innerHTML + '&lt;/html&gt;');
          popupWin.document.close();
      }
  &lt;/script&gt;
  </code></pre>