2015-08-27 55 views
0

我正在將html內容顯示爲PDF格式。在點擊一個按鈕時,將其保存爲pdf。爲此,我使用'jsPDF'jquery插件。一切正常。但問題是,內容在pdf中具有邊界,如表格格式。我想刪除該邊框。由於我是新手,我無法找到在哪裏添加或刪除PDF內容的邊框。請幫我在這個問題上...如何刪除或添加邊框到pdf內容

這裏是我的html代碼

<!Doctype html> 
 
<head> 
 
<link rel="stylesheet" type="text/css" href="css/ITPortal.css"/> 
 
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
 
<script type="text/javascript" src="js/jspdf.js"></script> 
 
<script type="text/javascript" src="js/jspdf.debug.js"></script> 
 
<script type="text/javascript" src="js/downloadify.min.js"></script> 
 
<script type="text/javascript" src="js/ITPortal.js"></script> 
 
<script type="text/javascript" src="js/html5shiv.min.js"></script> 
 
<script type="text/javascript" src="js/html5shiv-printshiv.js"></script> 
 

 
</head> 
 
<body> 
 
<div id="mainContentWide"> 
 
    <h2>WorkPlace Services</h2> 
 
    <h3 class="curveBoxWide">Description</h3> 
 
    <div class="curveBoxWide"> 
 
    <p></p></div> 
 
    <table id="mytab1"> 
 
\t \t <thead> 
 
\t \t \t <tr class="thead item"> 
 
\t \t \t \t <th>Desktop Software</th> 
 
\t \t \t \t <th>Quantity</th> 
 
\t \t \t \t <th>One time Price ($)</th> 
 
\t \t \t \t <th>Annual Price ($)</th> 
 
\t \t \t \t <th>One time Extended Cost ($)</th> 
 
\t \t \t \t <th>Annual Extended Cost ($)</th> 
 
\t \t \t \t <th>Sub-Total</th> 
 
\t \t \t </tr> 
 
\t \t </thead> 
 
\t \t <tbody> 
 
\t \t \t <tr class="item odd"> 
 
\t \t \t \t <td class="title"><p>Symantec SEP</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">136</td> 
 
\t \t \t \t <td>6</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item"> 
 
\t \t \t \t <td class="title"><p>Citrix</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">368</td> 
 
\t \t \t \t <td>85</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item odd"> 
 
\t \t \t \t <td class="title"><p>Oracle Database</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">270</td> 
 
\t \t \t \t <td>56</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item"> 
 
\t \t \t \t <td class="title"><p>PTC</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">180</td> 
 
\t \t \t \t <td>45</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t \t <tr class="item odd"> 
 
\t \t \t \t <td class="title"><p>Windchill Heavy</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">0</td> 
 
\t \t \t \t <td>1600</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item"> 
 
\t \t \t \t <td class="title"><p>Windchill Light</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">0</td> 
 
\t \t \t \t <td>700</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item odd"> 
 
\t \t \t \t <td class="title"><p>Qlikview</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">915</td> 
 
\t \t \t \t <td>220</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item"> 
 
\t \t \t \t <td class="title"><p>Red-Hat Linux</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">0</td> 
 
\t \t \t \t <td>550</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item odd"> 
 
\t \t \t \t <td class="title"><p>Cisco Smartnet</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">0</td> 
 
\t \t \t \t <td>500</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item category"> 
 
\t \t \t \t <td>&nbsp;</td> 
 
\t \t \t \t <td>&nbsp;</td> 
 
\t \t \t \t <td>&nbsp;</td> 
 
\t \t \t \t <td><p>Microsoft License</p></td> 
 
\t \t \t \t <td>&nbsp;</td> 
 
\t \t \t \t <td>&nbsp;</td> 
 
\t \t \t \t <td>&nbsp;</td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item"> 
 
\t \t \t \t <td class="title"><p>Windows OS</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">125</td> 
 
\t \t \t \t <td>36</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item odd"> 
 
\t \t \t \t <td class="title"><p>MS Office</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">160</td> 
 
\t \t \t \t <td>37</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item"> 
 
\t \t \t \t <td class="title"><p>Visio Standard</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">220</td> 
 
\t \t \t \t <td>50</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item odd"> 
 
\t \t \t \t <td class="title"><p>Visio Pro</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">550</td> 
 
\t \t \t \t <td>110</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item"> 
 
\t \t \t \t <td class="title"><p>Project Pro</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">1050</td> 
 
\t \t \t \t <td>0</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item odd"> 
 
\t \t \t \t <td class="title"><p>Project Server</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">4210</td> 
 
\t \t \t \t <td>850</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item"> 
 
\t \t \t \t <td class="title"><p>Project</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">125</td> 
 
\t \t \t \t <td>210</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item odd"> 
 
\t \t \t \t <td class="title"><p>SQL CAL</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">160</td> 
 
\t \t \t \t <td>36</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item"> 
 
\t \t \t \t <td class="title"><p>SQL Server Standard</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">685</td> 
 
\t \t \t \t <td>154</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item odd"> 
 
\t \t \t \t <td class="title"><p>SQL Server Enterprise</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">5210</td> 
 
\t \t \t \t <td>1470</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item"> 
 
\t \t \t \t <td class="title"><p>Visual Studio Premium w/ MSDN</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">4740</td> 
 
\t \t \t \t <td>940</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item odd"> 
 
\t \t \t \t <td class="title"><p>Visual Studio Pro w/ MSDN</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">800</td> 
 
\t \t \t \t <td>380</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item"> 
 
\t \t \t \t <td class="title"><p>Sharepoint Server</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">3750</td> 
 
\t \t \t \t <td>850</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item odd"> 
 
\t \t \t \t <td class="title"><p>Sharepoint sites Ent.</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">32000</td> 
 
\t \t \t \t <td>7100</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item category"> 
 
\t \t \t \t <td>&nbsp;</td> 
 
\t \t \t \t <td>&nbsp;</td> 
 
\t \t \t \t <td>&nbsp;</td> 
 
\t \t \t \t <td><p>SAP Licenses</p></td> 
 
\t \t \t \t <td>&nbsp;</td> 
 
\t \t \t \t <td>&nbsp;</td> 
 
\t \t \t \t <td>&nbsp;</td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item"> 
 
\t \t \t \t <td class="title"><p>SAP Bus Suite Pro User</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">2850</td> 
 
\t \t \t \t <td>570</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> \t \t 
 
\t \t \t <tr class="item odd"> 
 
\t \t \t \t <td class="title"><p>SAP Bus Suite Ltd Pro User</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">1125</td> 
 
\t \t \t \t <td>225</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t \t <tr class="item odd"> 
 
\t \t \t \t <td class="title"><p>SAP Bus Suite Expert</p></td> 
 
\t \t \t \t <td><input class="quantity" onfocus="if(this.value == '0') { this.value = ''; }" onblur="checkForm()" title="Number from 000 to 999 only allowed" onkeypress="return isNumberKey(event)" maxlength="3" value="0" type="text"/></td> 
 
\t \t \t \t <td class="price">3750</td> 
 
\t \t \t \t <td>750</td> 
 
\t \t \t \t <td><input class="oneTimeExtendedCostTotal" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="annualExtendedCost" type="text" value="0" readonly/></td> 
 
\t \t \t \t <td><input class="subtotal1" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t </tbody> 
 
\t \t <tfoot> 
 
\t \t \t <tr> 
 
\t \t \t \t <td class="title"><p>Total:</p></td> 
 
\t \t \t \t <td>&nbsp;</td> 
 
\t \t \t \t <td>&nbsp;</td> 
 
\t \t \t \t <td>&nbsp;</td> 
 
\t \t \t \t <td>&nbsp;</td> 
 
\t \t \t \t <td>&nbsp;</td> 
 
\t \t \t \t <td id="grandTotal"><input id="total" type="text" value="0" readonly/></td> 
 
\t \t \t </tr> 
 
\t \t </tfoot> 
 
\t </table> 
 
\t <!-- end #mainContent --></div> 
 
\t <button onclick="javascript:demoFromHTML()" type="button" id="buttonPDF">Save as PDF</button> 
 
\t <input type="button" value="Print" onclick="javascript:printDiv('mytab1')" /> 
 
\t <script language="javascript" type="text/javascript"> 
 
     function printDiv(divID) { 
 
      //Get the HTML of div 
 
      var divElements = document.getElementById(divID).innerHTML; 
 
      //Get the HTML of whole page 
 
      var oldPage = document.body.innerHTML; 
 

 
      //Reset the page's HTML with div's HTML only 
 
      document.body.innerHTML = 
 
       "<html><head><title></title></head><body>" + 
 
       divElements + "</body>"; 
 

 
      //Print Page 
 
      window.print(); 
 

 
      //Restore orignal HTML 
 
      document.body.innerHTML = oldPage; 
 

 
      
 
     } 
 
    </script> 
 
</body> 
 
</html>

,這是我的CSS文件

.btn { 
 
\t border: none; 
 
\t font-family: inherit; 
 
\t color: inherit; 
 
\t background: none; 
 
\t cursor: pointer; 
 
\t padding: 25px 15px; 
 
\t display: inline-block; 
 
\t margin: 15px 12px; 
 
\t text-transform: uppercase; 
 
\t letter-spacing: 1px; 
 
\t font-weight: 700; 
 
\t outline: none; 
 
\t position: relative; 
 
\t font-size: 14px; 
 
\t text-align: center; 
 
\t width: 200px; 
 
\t -webkit-transition: all 0.3s; 
 
\t -moz-transition: all 0.3s; 
 
\t transition: all 0.3s; 
 
} 
 

 
.btn-3 { 
 
\t background: #B9BBC0; 
 
\t color: #231F20; 
 
} 
 

 
.btn-3:hover { 
 
\t background: #f29e0d; 
 
} 
 

 
.btn-3:active { 
 
\t background: #f58500; 
 
\t top: 2px; 
 
} 
 

 
.btn-3:before { 
 
\t position: absolute; 
 
\t height: 100%; 
 
\t left: 0; 
 
\t top: 0; 
 
\t line-height: 3; 
 
\t font-size: 140%; 
 
\t width: 60px; 
 
\t background: #647685; 
 
} 
 

 
.btn-3d { 
 
\t /*padding: 25px 60px 25px 120px; 
 
\t border-radius: 10px;*/ 
 
} 
 

 
.btn-3d:before { 
 
\t background: #677A8A; 
 
\t z-index: 2; 
 
} 
 

 
.btn-3d:active:before { 
 
\t color: #f58500; 
 
} 
 

 
#mainContentHome h1.title { 
 
color: #C68332; 
 
margin-top: 15px; 
 
margin-bottom: 15px; 
 
} 
 

 
.clearBoth{ 
 
clear:both; 
 
} 
 

 
#mainContentHolderHome{ 
 
background-color:#002239; 
 
min-height: 300px; 
 
} 
 

 
#mainContentHome a{ 
 
display:inline-block; 
 
text-decoration:none; 
 
} 
 

 

 
table#mytab1 { 
 
border-collapse: collapse; 
 
font-family: Helvetica, 'Helvetica Neue', Arial, san-serif; 
 
background-color:#fff; 
 
} 
 

 
table#mytab1 th { 
 
text-align: center; 
 
color: #fff; 
 
font-weight: normal; 
 
padding: 10px 8px; 
 
font-size: 14px; 
 
vertical-align: middle; 
 
} 
 

 
table#mytab1 td { 
 
/*border: 1px solid #7eaac2;*/ 
 
border:0 none; 
 
text-align: center; 
 
padding: 6px 8px; 
 
font-size: 12px; 
 
vertical-align: middle; 
 
} 
 

 
table#mytab1 td.title { 
 
font-size: 13px; 
 
text-align:left; 
 
color:#000; 
 
width: 180px; 
 
} 
 

 
table#mytab1 tr.item { 
 
background-color:#eee; 
 
} 
 

 
table#mytab1 tr.odd { 
 
background-color:#DEDEDE; 
 
} 
 

 
table#mytab1 tr.thead { 
 
border-bottom: 2px solid #fff; 
 
background-color: #666; 
 
} 
 

 
table#mytab1 a.button{ 
 
padding:5px; 
 
background-color:#eee; 
 
text-decoration:none; 
 
color:#000; 
 
} 
 

 
table#mytab1 tbody tr:hover{ 
 
background-color: #777; 
 
} 
 

 
table#mytab1 tbody tr:hover td.title{ 
 
color: #fff; 
 
} 
 

 
table#mytab1 tr.category { 
 
font-weight: bold; 
 
background-color: #ccc !important; 
 
border-top: 2px solid #fff; 
 
border-bottom: 2px solid #fff; 
 
} 
 

 
table#mytab1 tbody tr.category:hover{ 
 
background-color: #fff; 
 
} 
 

 
table#mytab1 tfoot tr{ 
 
background-color:#787878; 
 
color:#fff; 
 
} 
 

 
table#mytab1 td p { 
 
margin: 0; 
 
} 
 

 
table#mytab1 td input { 
 
width: 50px; 
 
text-align:right; 
 
} 
 

 
table#mytab1 td input.subtotal1 { 
 
width: 100px; 
 
} 
 

 
table#mytab1 td input#total { 
 
width: 100px; 
 
} 
 

 
table#mytab1 td.grandTotal{ 
 
text-align:right; 
 
} 
 

 
table#mytab1 tfoot td.title { 
 
color:#fff; 
 
font-size:14px; 
 
text-align:center; 
 
} 
 

 
#sidebar1 ul.leftNav li a:hover { 
 
color: #fff !important; 
 
} 
 

 
#sidebar1 ul.leftNav li, #sidebar1 ul.leftNav li a{ 
 
float:none; 
 
}

ŧ他是我的頁面的屏幕截圖:http://postimg.org/image/8zgnxtdd1/b4455e81/

+0

你能告訴我們一些你一塊代碼? –

+0

我編輯我的page.lease看頂部... – Maria

回答

0

我沒有看到您的CSS代碼,但我假設您沒有爲您的表定義邊框。在你的HTML使用此:

<table id="mytab1" border="0"> 
        ^^^^^^^^^^ 

或者在CSS:

#mytab1 { 
    border: 0; 
} 
+0

補充說,CSS。但沒有變化。我仍然得到那個邊界。我認爲無論我們在外部的css文件中給出的CSS,都不會被帶到pdf中。我對嗎? – Maria

+0

也許您需要與我們分享您的CSS代碼,或與我們分享生成的PDF測試。這樣,我可以直接查看問題和攻擊 –

+0

我無法上傳頁面截圖。說'尼德最低10聲望'。對不起...... – Maria

相關問題