2

HTML テーブルを印刷する場合、CSS を使用して、改ページ後にテーブルのヘッダー行を強制的に再表示できます。このスタイル:

@media print {
   thead { display: table-header-group; }
}

結果:

キャプション
-------------
Col1 | Col2
-------------
データ1 | データ2
データ3 | データ4

--改ページ--

Col1 | Col2
-------------
データ5 | データ6

改ページ後に表のキャプションを繰り返す方法はありますか? のようなことができると思いますがcaption { display: table-caption-group; }、これは存在しません。このソリューションは IE9 で動作する必要があります。

4

1 に答える 1

5

それを達成する方法はないのではないかと思います。原則として、を設定できますがcaption { display: table-caption-group; }、仕様により、「テーブルに「display：table-header-group」を含む複数の要素が含まれている場合、最初の要素のみがヘッダーとしてレンダリングされます。その他は、「display：table-row-group」があるかのように扱われます。」theadしたがって、との両方をcaption繰り返すことはできません。その上、IE 9はあなたが一人で繰り返すことさえできませんcaption（Firefoxはそうします）。

回避策は、caption要素を要素の一部であるテーブル行に変換することですthead。たとえば、2列のテーブルの場合：

<table>
<thead>
<tr><th colspan=2>Caption
<tr><th>Header cell <th>Another header cell
</thead>
于 2012-09-20T19:43:17.693 に答える