2016-05-06 1 views
2

uiグリッドのデータをpdfにエクスポートする際に問題が発生しています。列内の長い単語は壊れず、隣接する列にあふれません。ブレーク語..AngularJS UIグリッドpdfエクスポート - 長いテキストが隣接する列にオーバーフローする

私は以下試してみましたが、何も働いていない:

exporterPdfDefaultStyle: { fontSize: 16, overflow: 'wordbreak' }, 

exporterPdfDefaultStyle: { fontSize: 16, overflow: 'linebreak' }, 

exporterPdfDefaultStyle: { fontSize: 16, wordWrap: 'breakword' }, 

HereはサンプルplunkあるCSSのように言葉を破る方法我々はワードラップを行うがあります。

答えて

0

正常に動作していますか?これはplunker

私は以下のようにデータを入れました。これはあなたが意味するものではない場合は、plunkを編集してお知らせください。

data = [{ 
    name: "Ethel Price", 
    gender: "female", 
    company: "Enersol Enersol Enersol Enersol Enersol Enersol Enersol Enersol Enersol Enersol Enersol Enersol Enersol Enersol Enersol Enersol" 
    }, { 
    name: "Claudine Neal", 
    gender: "female", 
    company: "Sealoud" 
    }, { 
    name: "Beryl Rice", 
    gender: "female", 
    company: "Velity" 
    }, ] 

    $scope.gridOptions.data = data; 

これはPDFファイルです:

enter image description here

更新:

は実際にあなたがthis.Theyこれをマークしていないことを意味し.That pdfmake.jsにそのようなオプションはありませんfeature requestとして。将来彼らはそれを実装することを願っています。ここではその議論です。

How to wrap the text inside the table cell

+0

助けてくれてありがとうございました。しかし、それでも問題は長い言葉のままです。ここには同じものがあります。 http://plnkr.co/edit/Si54Qky5EnBBpRRk1fr9?p=preview –

+0

あなたはそのサンパスを見ましたか?この問題は、グリッドが良好な列数を有さず、したがって列幅がさらに減少する場合に、より頻繁に生じる。 –

+0

上記の「更新」を参照してください。 – Sampath

関連する問題