Databases
StackOverflow2013
Postsdbo
POYii - Printing the table content
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POYii - Printing the table content
    text
    copied!<p>In my single page i have 2 tables. First table is the basic info table. And in other i will have list of lists to be order. I want print only the second table. How to do it.</p> <p>Its not the basic print, with print button i want print the content of the second table alone.</p> <p>Here is the code, am able to print the second table but css is not getting applied and its not printing as its in the screen.</p> <pre><code>&lt;script language="javascript"&gt; function printDiv(divName) { var printContents = document.getElementById(divName).innerHTML; var originalContents = document.body.innerHTML; document.body.innerHTML = printContents; window.print(); document.body.innerHTML = originalContents; } &lt;/script&gt; &lt;table width="100%" class="ticketpopup" id='first'&gt; &lt;tr&gt; &lt;td class='label-column' width="100"&gt;Address1&lt;/td&gt; &lt;td class='value-column' width="200" &gt;&lt;?echo $Address1?&gt;&lt;/td&gt; &lt;td class='label-column' width="100"&gt;Address2&lt;/td&gt; &lt;td class='value-column' width="200"&gt;&lt;?echo $Address2?&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class='label-column' width="100"&gt;Suburb&lt;/td&gt; &lt;td class='value-column' width="200" &gt;&lt;?echo $Suburb?&gt;&lt;/td&gt; &lt;td class='label-column' width="100"&gt;State&lt;/td&gt; &lt;td class='value-column' width="200"&gt;&lt;?echo $State?&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class='label-column' width="100"&gt;Postcode&lt;/td&gt; &lt;td class='value-column' width="200" &gt;&lt;?echo $Postcode?&gt;&lt;/td&gt; &lt;td class='label-column' width="100"&gt;Telephone1&lt;/td&gt; &lt;td class='value-column' width="200"&gt;&lt;?echo $Telephone1?&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class='label-column' width="100"&gt;FAX &lt;/td&gt; &lt;td class='value-column' width="200" &gt;&lt;?echo $FAX?&gt;&lt;/td&gt; &lt;td class='label-column' width="100"&gt;ISPCode&lt;/td&gt; &lt;td class='value-column' width="200"&gt;&lt;?echo $ISPCode?&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class='label-column' width="100"&gt;Email&lt;/td&gt; &lt;td class='value-column' width="200" &gt;&lt;?echo $Email?&gt;&lt;/td&gt; &lt;td class='label-column' width="100"&gt;PosSoftware&lt;/td&gt; &lt;td class='value-column' width="200"&gt;&lt;?echo $PosSoftware?&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;table id="second"&gt; &lt;? for ($i=0;$i&lt;10;$i++) { print "&lt;tr&gt;&lt;td class='label-column' width='100'&gt;Item Name&lt;/td&gt; &lt;td class='value-column' width='200'&gt;&lt;?echo $value[$i];?&gt;&lt;/td&gt;"; } ?&gt; &lt;/table&gt; &lt;a href="javascript:void(printDiv('second'));"&gt;Print&lt;/a&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload