title: Stop showing table footer in every page print css
body: <p>I have a very long table in an HTML page. When I am printing the page the table footer <code>tfoot</code> is showing on each page at the bottom. <strong>But I want it to show in the last page only</strong></p>
  
  <p>In some tables, I didn't write any tbody because I used datatable to fill the data. </p>
  
  <p>When I have added below code. The <code>tbody</code> is showing 1st then <code>tfoot</code> and the <code>tbody</code> content is showing.</p>
  
  <p>Is there any CSS to show the <code>tfoot</code> at last but does not repeat in every page when printing??</p>
  
  <pre><code>table.table tfoot {
      display: table-row-group;
  }
  </code></pre>
  
  <p>The Table HTML:</p>
  
  <pre><code>&lt;table style="width: 100%;" id="customer_payment_view" class="customer_payment_view table table-hover table-bordered"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;Id&lt;/th&gt;
                  &lt;th&gt;Agency Name&lt;/th&gt;
                  &lt;th&gt;Customer Name&lt;/th&gt;
                  &lt;th&gt;Date&lt;/th&gt;
                  &lt;th&gt;Bill No&lt;/th&gt;
                  &lt;th&gt;Discount&lt;/th&gt;
                  &lt;th style="display: none;"&gt;Adjustment&lt;/th&gt;
                  &lt;th&gt;Pay Amount&lt;/th&gt;
                  &lt;th&gt;Pay Method&lt;/th&gt;
                  &lt;th&gt;Paid Through&lt;/th&gt;
                  &lt;th&gt;Remarks&lt;/th&gt;
                  &lt;th&gt;Action&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tfoot&gt;
              &lt;tr&gt;
                  &lt;th&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;/th&gt;
                  &lt;th style="display: none;"&gt;&lt;/th&gt;
                  &lt;th class="7"&gt;Pay Amount&lt;/th&gt;
                  &lt;th&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/tfoot&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>Here is the result:</p>
  
  <p><a href="https://i.stack.imgur.com/vm79i.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vm79i.png" alt="enter image description here"></a></p>