Bagaimana untuk Mencetak Pengepala dan Pengaki Tersuai dalam Laporan Web Tanpa Menggunakan JavaScript?

Mencetak Pengepala dan Pengaki Tersuai pada Setiap Halaman

Apabila menjana laporan berasaskan web untuk cetakan, adalah wajar untuk memasukkan pengepala dan pengaki pada setiap halaman. Walau bagaimanapun, pada mulanya diandaikan bahawa fungsi ini tidak boleh dilakukan dalam tetingkap penyemak imbas.

Walaupun penyelidikan terdahulu, penyelesaian yang mungkin muncul melalui penggunaan jadual. Dengan menggayakan elemen jadual menggunakan CSS, pengepala dan pengaki boleh diletakkan masing-masing menggunakan teg thead dan tfoot.

<table style="display: table">
  <thead style="display: table-header-group">
    <tr><td>Your header goes here</td></tr>
  </thead>
  <tfoot style="display: table-footer-group">
    <tr><td>Your footer goes here</td></tr>
  </tfoot>
  <tbody>
    <!-- Report body -->
  </tbody>
</table>

Untuk memastikan pengepala dan pengaki hanya boleh dilihat pada media bercetak, pertanyaan media CSS boleh dilaksanakan:

@media print {
  thead { display: table-header-group; }
  tfoot { display: table-footer-group; }
}
@media screen {
  thead { display: none; }
  tfoot { display: none; }
}

Pada mulanya, penyelesaian ini dijangka hanya berfungsi dalam Firefox dan Internet Explorer. Walau bagaimanapun, kemas kini terkini telah melanjutkan keserasiannya kepada Chrome dan Safari.

Pendekatan berasaskan jadual ini menyediakan penyelesaian yang berdaya maju untuk mencetak pengepala dan pengaki tersuai pada setiap halaman, walaupun dengan sokongan CSS terhad dalam Internet Explorer 6.

Atas ialah kandungan terperinci Bagaimana untuk Mencetak Pengepala dan Pengaki Tersuai dalam Laporan Web Tanpa Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!