[解決済み] テーブルの行の中で改ページしない
2022-11-03 18:08:35
質問
wkhtmltopdfでhtmlをPDFに変換する際、htmlのテーブルの行内で改ページしないようにしたいのです。私はテーブルでページブレーク-inside:avoidを使用して、その作品は、私は非常に多くの行を持っています。 とすると、うまくいかない。 もし trをブロックまたは何か他のものとして設定した場合、それはテーブルの書式を変更する の書式が変更され、二重ボーダーが挿入されます。 また、テーブルが分割された各ページにテーブルヘッダーを挿入することも可能です。
どのように解決するのですか?
CSSで試してみてはいかがでしょうか。
<table class="print-friendly">
<!-- The rest of your table here -->
</table>
<style>
table.print-friendly tr td, table.print-friendly tr th {
page-break-inside: avoid;
}
</style>
ほとんどのCSSルールは
<tr>
タグには直接適用されません。
display
のスタイルがあり、これらの CSS ルールが使えないからです。しかし
<td>
と
<th>
タグがあり、その中に通常
する
で指定することができます。
<tr>
と
<td>
をCSSで記述します。
関連
-
[解決済み] HTMLに改ページを挿入し、wkhtmltopdfがそれを解析するにはどうすればよいですか?
-
[解決済み] BootstrapのCollapse Navbarが動作しない
-
[解決済み] CSS - カーソルを置いたときに塗りつぶしの色を変更する - SVG PATH
-
[解決済み] HTMLにおける'"'エンティティの使用法
-
[解決済み] cssのfit-contentで横幅を自動サイズ調整する
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] HTMLページからのリダイレクト
-
[解決済み] div 内の画像を縦に並べる方法
-
[解決済み】テーブルセル内のテキストを折り返さない方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] <html xmlns="http://www.w3.org/1999/xhtml">」は何をするものですか?
-
[解決済み] slackのチームIDやチャンネルIDを調べる最も簡単な方法は何ですか?
-
[解決済み] HTMLで複数選択を許さないリストボックスを作るには?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] Sublime Text 2を使ってHTMLコードを再フォーマットするにはどうしたらいいですか?
-
[解決済み] フレックスアイテムを右寄せにするには?
-
[解決済み] HTMLのid属性とname属性の違い
-
[解決済み] HTMLのレイアウトにテーブルを使用しない理由は?[クローズド]
-
[解決済み] HTML5でminlengthの検証属性はありますか?
-
[解決済み] 同じ<table>の中に複数の<tbody>を入れることはできますか?