2017-03-17 9 views
0

この疑問を私に助けてくれることを願っています。正直言って、HTMLとCSSの知識は基本的なものです。私が持っているコードは、購買発注書をPDFで印刷するためのコードです。 私のフォームは、誰かが本当に長いテキストをセルに入れるまで、見た目がよく、問題なく動作します。 1つのセルの内容が大きすぎると、テーブルを次のページに改行することはできません。それは添付された画像のように見える。セルの内容がPDFページ(NetSuite)の長すぎる

page footer with table content over it.

PDF文書は、0.5のマージンを持っていますが、それはどちらかのことを考慮されていません。

テーブルには、次の

<table align="center" class="itemtable" style="border: 0px; border-collapse: collapse; width: 90%; "><!-- start items --> 
<#list record.item as item><#if item_index==0> <!-- items table --> 
<thead> 
    <tr> <!-- items table: header row --> 
    <th align="center">Item</th> 
    <th align="center" colspan="2">Description</th> 
    <th align="center">Unit Price</th> 
    <th align="center">Quantity</th> 
    <th align="center">Amount</th> 
    </tr> 
</thead></#if> 
<tr> <!-- items table: line item row --> 
    <td>${item.item}</td> 
    <td colspan="2">${item.description}</td>  <!-- this cell can get too long --> 
    <td align="right">${item.rate}</td> 
    <td align="right">${item.quantity}</td> 
    <td align="right">${item.amount}</td> 
    </tr> 
    </#list><!-- end items --> 
</table> 

私の関連するCSSは次のようです:

<style type="text/css">table { 
      font-size: 11pt; 
      table-layout: fixed; 
     } 
td { 
     padding: 4px 6px; 
     font-size: 11px; 
     font-family: arial,helvetica,sans-serif; 
    } 
table.itemtable th { 
      padding-bottom: 10px; 
      padding-top: 10px; 
} 
</style> 

任意のアイデア?どんな助けも非常に高く評価されるでしょう。

ありがとうございます!

答えて

0

これは、舞台裏で使用されているBFO PDFライブラリの制限です。 Google BFOのTDの問題は、その理由をもたらすはずです。私が見つけた解決策は、テキストを切り捨てることでした。

+0

お返事ありがとうございました。フォームには回避策はありません。短い説明を書くようユーザーに指示してください。 –

+0

ええ、あなたがテーブルを使用する必要がある場合、回避策はありません。 TDタグが問題の原因です。 – scheppsr77

+0

ありがとう、それはあまりにも悪いです。 –

関連する問題