問題タブ [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.

0 投票する
1 に答える
741 参照

javascript - IE でテーブルを含む PDF を作成する際の問題

現在、非常に複雑なテーブルを含む PDF を作成するために、jspdf 最新バージョンと jspdf-AutoTable 2.1.0最新バージョンを使用しています。

Chrome と FireFox では魅力的に動作します (大きな驚きです!) が、IE10 では、pdf のレンダリングがひどいものです (別の大きな驚きです!)。

これは、chrome 上の pdf で最も広範なテーブルの 1 つの出力です (現在は空です)。

Chrome で生成された PDF

これはIE10がレンダリングするpdfです

ここに画像の説明を入力

ご覧のとおり、列ヘッダーが適切にラップされておらず、最初の列のセルが展開されて表示され、その中のテキストがトリミングされていません。

カスタム テーブル スタイルを維持するために、コンテンツの正しいスタイル設定を使用して、独自のGetTableJSONメソッドを調整および作成しました。これにより、個々のセル スタイルを取得して保存し、後でcreatedHeaderCellおよびcreatedCellフックに適用できます。

これは、カスタム スタイルでこの pdf を作成するために使用される完全なコードです。

編集:

要求どおり、これはテーブル HTML とtableCellStyles変数の JSON です

https://jsfiddle.net/6ewqnwty/

テーブルのサイズと HTML と JSON の文字数が多いため、それらを別のフィドルに設定しました。

編集2:

問題を再現できるように、フィドルを実行可能にしました。

https://jsfiddle.net/6ewqnwty/1/

私のアプリケーションにあるように完全ではありませんが、列ヘッダーのテキストのみが欠落しているスタイリングでpdfを取得できますが、少なくともIEでpdfをダウンロードするときの問題はまだ存在しています

0 投票する
2 に答える
4329 参照

javascript - jsPDF autotable 右揃え x 位置バグ

私の例(「PDFのエクスポート」をクリックするだけです):https://jsfiddle.net/j9vaqpnz/7/

私の例では、次のようなテーブルをエクスポートします。

ここに画像の説明を入力 .

テーブルは、ライブラリjspdfおよびautotableを使用して pdf にエクスポートされます。

エクスポート機能中に「drawCell」機能を使用し、数値を含むすべての列に対して、次のように右揃えにします。

.

問題: PDF で、右揃えにしたすべての列が正しく配置されていません。次のようになります。

ここに画像の説明を入力

これはバグですか?または、「drawCell」を不適切に使用している可能性がありますか?