問題タブ [jspdf-autotable]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - IE でテーブルを含む PDF を作成する際の問題
現在、非常に複雑なテーブルを含む PDF を作成するために、jspdf 最新バージョンと jspdf-AutoTable 2.1.0最新バージョンを使用しています。
Chrome と FireFox では魅力的に動作します (大きな驚きです!) が、IE10 では、pdf のレンダリングがひどいものです (別の大きな驚きです!)。
これは、chrome 上の pdf で最も広範なテーブルの 1 つの出力です (現在は空です)。
これはIE10がレンダリングするpdfです
ご覧のとおり、列ヘッダーが適切にラップされておらず、最初の列のセルが展開されて表示され、その中のテキストがトリミングされていません。
カスタム テーブル スタイルを維持するために、コンテンツの正しいスタイル設定を使用して、独自のGetTableJSON
メソッドを調整および作成しました。これにより、個々のセル スタイルを取得して保存し、後でcreatedHeaderCell
およびcreatedCell
フックに適用できます。
これは、カスタム スタイルでこの pdf を作成するために使用される完全なコードです。
編集:
要求どおり、これはテーブル HTML とtableCellStyles
変数の JSON です
https://jsfiddle.net/6ewqnwty/
テーブルのサイズと HTML と JSON の文字数が多いため、それらを別のフィドルに設定しました。
編集2:
問題を再現できるように、フィドルを実行可能にしました。
https://jsfiddle.net/6ewqnwty/1/
私のアプリケーションにあるように完全ではありませんが、列ヘッダーのテキストのみが欠落しているスタイリングでpdfを取得できますが、少なくともIEでpdfをダウンロードするときの問題はまだ存在しています
javascript - jsPDF autotable 右揃え x 位置バグ
私の例(「PDFのエクスポート」をクリックするだけです):https://jsfiddle.net/j9vaqpnz/7/
私の例では、次のようなテーブルをエクスポートします。
テーブルは、ライブラリjspdfおよびautotableを使用して pdf にエクスポートされます。
エクスポート機能中に「drawCell」機能を使用し、数値を含むすべての列に対して、次のように右揃えにします。
.
問題: PDF で、右揃えにしたすべての列が正しく配置されていません。次のようになります。
これはバグですか?または、「drawCell」を不適切に使用している可能性がありますか?