1

レコードのリストを表示するためにテーブルを使用しました。多くの行と列があります。この表を印刷すると、表の見出しが最初のページに表示されます。最初のページの後、見出しは表示されません。Google 検索から多くの Web サイトを見つけました。私はその方法に従いましたが、達成できませんでした。間違いに気づきませんでした。これは私のcssです。

<style type="text/css" media="print" >
table td {
    border-bottom:1px solid gray;
}
th {
font-family:Arial;
color:black;
background-color:lightgrey;
}
thead {
    display:table-header-group;
}
tbody {
    display:table-row-group;
}
</style>

これは私のHtmlコードです:

<table border="0" cellpadding="2" cellspacing="0">
    <thead>
        <tr>
            <th>ID</th>
            <th>First Name</th>
            <th>Last Name</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>First Name 1</td>
            <td>Last Name 1</td>
        </tr>
    </tbody>
</table>

誰でも私を助けることができますか?ありがとう。

4

2 に答える 2

1

これを CSS に追加してみてください:

  @media print
 {
   thead {display: table-header-group;}
 }
于 2012-09-15T05:36:12.490 に答える
0

サンプルは次のとおりです。まず、テーブル ヘッドとテーブル ボディを明示的に定義する必要があります。

   <table>
   <thead>
  <tr>
     <th>First Heading</th>
     <th>Second Heading</th>
     <th>Third Heading</th>
  </tr>
 </thead>
 <tbody>
  <tr>
     <td>foo</td>
     <td>bar</td>
     <td>baz</td>
  </tr>

    . . .

  <tr>
     <td>fim</td>
     <td>fam</td>
     <td>fom</td>
  </tr>
</tbody>
</table>

印刷を機能させたい場合は、明示的な宣言が必要です。次に、CSS を 1 行追加するだけで作業を開始できます。

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

これにより、ほとんどのブラウザは、印刷されたページごとに広告ノードの内容を繰り返さなければならなくなります。

于 2016-03-25T20:25:10.187 に答える