1

I'm having a trouble on how can I set automatically my footer to display in last page to meet the proper printing of pages, but it seems it has a conflict below. Is there any idea or solution on how to display the footer in the last page? Is there any expert can suggest or help me, please see the attachment thanks in advance!

Attachment

html

<button onclick="printDiv();">Print it</button>

<table class="report-container" name="table" id="table">

<thead class="report-header">
<th colspan="9">
  <div class="titles">Title Header <br></div>
</th>
<tr>
  <td>ID Number</td>
  <td>Name</td>
  <td>Barangay</td>
  <td>Sex</td>
  <td>Sector</td>
  <td>Amount</td>
  <td>Signature/thumb</td>
  <td>ID &nbsp;&nbsp;</td>
  <td>Date Received</td>
</tr>
</thead>
<tfoot>
<tr >
    <th ><div class="footer"></div></th>
    <th colspan="2">  <div class="footer">TOTAL NO. OF PERSONS  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </div> 
</th>
    th colspan="2" ><div class="numbers">20</div></th> 
</tr>
<tr>
    <th class="footer"></th>
    <th colspan="2" class="footer"><div class="footer">TOTAL AMOUNT NEEDED &nbsp;&nbsp;&nbsp; </div> 
</th>
    <th colspan="2" > <div class="numbers">Amount</div></th>    
</tr>
                        
<tr>
<th></th>
<th colspan="2"><div class="certify">I hereby certify that each person whose name appears on this 
 DATA DATA are entitled to cash assistance</div></th>
<th></th>
<th></th>
<th colspan="6"><div class="certify">I certifiy on my official oath that I have this day ____ of 
 _______________________ pain in DATA DATAD ATA DATA DATA DATA DATA DATA DAATA,</div></th>
</tr>
</tfoot>
<tbody class="report-content">
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>
</tr>
    <tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>
</tr>
    <tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
</tbody>
</table>

javascript

function printDiv() {
// Make footer visible on last page only
let tbl = document.getElementById('table');
let footer = tbl.getElementsByTagName('tfoot')[0];
footer.style.display = 'table-row-group';
tbl.removeChild(footer);
tbl.appendChild(footer);

// Make header visible on first page only
let title = document.querySelector('.titles');
let newTitle = title.cloneNode(true);
newTitle.style.textAlign = "center";
newTitle.style.fontWeight = "bold";
tbl.prepend(newTitle);
title.remove();

var divToPrint = document.getElementById('table');
var htmlToPrint = '' +
'<style type="text/css">' +
'table td {' +
'border:1px solid #dddddd;' +
'padding:8px;' +
'}' +

'table  {' +
'border-collapse: collapse;' +
'width: 100%;' +
'}' +

'</style>';
htmlToPrint += divToPrint.outerHTML;
newWin = window.open("");
newWin.document.write(htmlToPrint);
newWin.print();
newWin.close();
}

Css

    @media screen {
    .noPrint {}
    .titles {
    display: none;
    }
    .footer {
    display: none;
    }
    }
    @media print {
   .noPrint {
    display: none;
    }
   .title {}
   .footer {}
    }
BootCamp
  • 444
  • 4
  • 18
  • Have you tried putting the sign-off part as a row within the `tfoot` tag itself? That should keep those two parts together. – ATD Oct 07 '20 at 06:49
  • 1
    @ATD Thanks for your response what do you mean sign-off? – BootCamp Oct 07 '20 at 08:17
  • Sorry, that's what I call any block at end of a document where someone has to sign it. – ATD Oct 07 '20 at 08:19
  • 1
    @ATD I don't have any idea about sign-off, do you have example? please thank you – BootCamp Oct 07 '20 at 08:27
  • Eh? You already have one - the bit at the end that says "I hereby certify...." I don't know what you would call that part of your document - I call it a sign-off. – ATD Oct 07 '20 at 08:33
  • @ATD for now my solution ,inorder to compressed the data to fit in every pages I just need to adjust my scale print like this [link](https://i.stack.imgur.com/lhtI1.png) but is there any solution to automate the scaling I guess ?when the footer data is not correctly display. – BootCamp Oct 07 '20 at 09:04
  • Have a look at: [print on A4](https://stackoverflow.com/questions/16649943/css-to-set-a4-paper-size) This shows you a technique for sizing a document. – ATD Oct 07 '20 at 09:17
  • @ATD I think it can't solve the problem through giving A4 size of my pages. Can this link can help me ?with my previous problem above? or do you have any idea?I'm just confused with this one thank you for your response – BootCamp Oct 07 '20 at 09:33
  • OK - firstly, you need to check the HTML - the first row of `tfoot` is missing a `<` in front of the 3rd `th` tag. Secondly, you already have everything in the footer - the person count and the sign-off (or whatever you want to call it). If you want those to be printed only on the last page, you will have to remove them from the table and put them underneath. Create a new table and simply shift the tfoot content into that instead. – ATD Oct 07 '20 at 10:04
  • @ATD thanks for your response you mean , I need to create another table? one table has no tfoot? and the another one it has tfoot? – BootCamp Oct 07 '20 at 12:55
  • @ATD thanks for your response you mean , please help me with this one , I've tried but the result is the same . – BootCamp Oct 07 '20 at 13:02

1 Answers1

0

In response to your comment, yes, one table has no tfoot and one table only has a tfoot

Like this (also correcting for the missing <):

<table class="report-container" name="table" id="table">

<thead class="report-header">
<th colspan="9">
  <div class="titles">Title Header <br></div>
</th>
<tr>
  <td>ID Number</td>
  <td>Name</td>
  <td>Barangay</td>
  <td>Sex</td>
  <td>Sector</td>
  <td>Amount</td>
  <td>Signature/thumb</td>
  <td>ID &nbsp;&nbsp;</td>
  <td>Date Received</td>
</tr>
</thead>
<tbody class="report-content">
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>
</tr>
    <tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>
</tr>
    <tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
<tr>
  <td class="report-content-cell">
    <div class="main">
      fas
  </td>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>

</tr>
</tbody>
</table>
<table>
<tfoot>
<tr >
    <th ><div class="footer"></div></th>
    <th colspan="2">  <div class="footer">TOTAL NO. OF PERSONS  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </div> 
</th>
    <th colspan="2" ><div class="numbers">20</div></th> 
</tr>
<tr>
    <th class="footer"></th>
    <th colspan="2" class="footer"><div class="footer">TOTAL AMOUNT NEEDED &nbsp;&nbsp;&nbsp; </div> 
</th>
    <th colspan="2" > <div class="numbers">Amount</div></th>    
</tr>
                        
<tr>
<th></th>
<th colspan="2"><div class="certify">I hereby certify that each person whose name appears on this 
 DATA DATA are entitled to cash assistance</div></th>
<th></th>
<th></th>
<th colspan="6"><div class="certify">I certifiy on my official oath that I have this day ____ of 
 _______________________ pain in DATA DATAD ATA DATA DATA DATA DATA DATA DAATA,</div></th>
</tr>
</tfoot>

</table>
ATD
  • 1,344
  • 1
  • 4
  • 8