Bagaimanakah Saya Boleh Mengulang Pengepala Jadual pada Setiap Halaman Apabila Mencetak?

Mengulang Pengepala Jadual dalam Mod Cetak

Apabila jadual menjangkau berbilang halaman semasa pencetakan, selalunya wajar untuk mempunyai baris pengepala (elemen TH ) diulang pada setiap muka surat untuk rujukan mudah. CSS menyediakan mekanisme untuk mencapainya.

Penyelesaian: Menggunakan Elemen THEAD

Elemen THEAD dalam CSS direka khusus untuk tujuan ini. Ia membolehkan anda menentukan satu set baris pengepala yang harus diulang pada setiap halaman yang dicetak. Begini cara menggunakannya:

1. Balutkan pengepala jadual dalam elemen THEAD:

   <table>
   <thead>
      <tr><th>Header 1</th><th>Header 2</th><th>Header 3</th></tr>
   </thead>
   <tbody>
      <!-- Table data goes here -->
   </tbody>
   </table>

2. Tambah gaya berikut pada @halaman anda peraturan:

   @page {
     margin: 1cm;
     @top-left {
       content: element(thead);
     }
   }

Penjelasan:

• Elemen iklan berfungsi sebagai bekas untuk baris pengepala.
• Peraturan @page menetapkan jidar halaman dan termasuk subkaedah @atas kiri dengan sifat kandungan ditetapkan kepada element(thead).
• Konfigurasi ini mengarahkan penyemak imbas untuk memaparkan kandungan elemen THEAD di penjuru kiri sebelah atas setiap halaman bercetak, mengulangi pengepala jadual dengan berkesan.

Dengan menggunakan elemen THEAD, anda boleh memastikan bahawa pengepala jadual anda dipaparkan secara konsisten pada setiap halaman bercetak, memberikan rujukan yang jelas dan mudah untuk anda. pembaca.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengulang Pengepala Jadual pada Setiap Halaman Apabila Mencetak?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!