20

すべての印刷ページで Safari のテーブル ヘッダーを繰り返すことは可能ですか?

このコードは Firefox では機能しますが、Safari では機能しません。

<table>
  <thead>
    <tr>
      <td>Header1</td>
      <td>Header2</td>
    </tr>
  </thead>

  <!-- lots of rows -->
</table>

編集：

以下では修正されないため、IE のバグとは異なります。

thead { display:table-header-group; }
4

3 に答える 3

1

theadテーブルを下るにつれて、定期的に再印刷することを検討できます。テーブルがかなり長い場合、ヘッダーが画面からすぐにスクロールされる可能性が高いため、これは画面上で表示する場合でも有益であることがわかります。ただし、画面に表示したくない場合は、再印刷されたヘッダーにクラスを追加し、それらを画面上で非表示にして、印刷スタイルシートにのみ表示することができます。

于 2011-09-29T16:05:21.300 に答える
0

ページの印刷版用に CSS シートを作成することを検討することをお勧めします。そのルートを選択する場合は、「position:fixed;」を使用します。「固定」として配置された要素は、すべての印刷ページに印刷されます。

注意が必要なのは、配置された要素 (つまり、位置プロパティが「静的」ではない) がドキュメント フローから取り出されることです。これにより、他の (規則的に流れる) 要素と固定要素との位置合わせが難しくなります。

あなたの質問の情報に基づいて、テーブル全体を固定要素でラップします (または、position プロパティを固定に設定して .printedTable などのクラスを作成します)。このように、テーブル構造は印刷される各ページで繰り返されます。

幸運を。A.

于 2009-01-20T10:40:07.393 に答える