検索

ホームページ  >  に質問  >  本文

Wkhtmltopdf: HTML テーブル変換により行の位置がずれる

wkhtmltopdf を使用して HTML テーブル レポートを変換します:

リーリー

ここには多くのコードがあることはわかっていますが、位置がずれている行がいくつかあります。それは 1 行だけではなく、ランダムです。 HTML をブラウザに入力すると、正常に表示されますが、印刷版には変換されません。 この問題を解決するにはどうすればよいでしょうか?ありがとう###

P粉064448449P粉064448449243日前475

全員に返信(1)返信します

  • P粉614840363

    P粉6148403632024-03-31 11:06:56

    さらに行を追加した後、問題を再現することができました。これは、この問題が実際に非常に予測不可能であることを示しています。

    ただし、この問題は border-collapse:collapse; css プロパティが原因であるようです。これを削除すると、すべての行が同じ高さになります。

    もちろん、これにより表の各セルの周囲に白い境界線が表示されますが、これは望ましくない場合があります。

    枠線をセルに溶け込ませるには、(個々のセルの background-color プロパティではなく) テーブル全体の背景パターンを使用して列に色を付けることが解決策です。

    以下のコードでは、テーブルの列幅と色を備えた 3 つの四角形で構成されるインライン SVG イメージを作成します。 リーリー

    変換中に列幅が正しく計算されるようにするには、dpi 設定を 130:

    に調整する必要があります。 リーリー

    HTMLコード:

    リーリー

    生成された PDF ファイル:

    返事
    0
  • キャンセル返事