Kamis, 27 Februari 2014

Cara Membuat Header Tabel Pada setiap Halaman Cetak

Menyajikan format laporan cetak yang baik sangatlah penting dalam kaitannya dunia aplikasi, baik yang berbasis desktop maupun yang berbasis web. Sebuah laporan biasanya disajikan dalam bentuk tabel, yang mana terdapat "Header" sebagai Informasi data dari laporan tersebut. Kalau data yang disajikan hanya sedikit, misal 1 halaman tidak akan menjadi masalah. tetapi apabila data yang disajikan berjumlah ribuan, tentunya ini akan menjadi masalah tentang informasi yang disajikan. Lihat contoh berikut:
Menyajikan format laporan cetak yang baik sangatlah penting dalam kaitannya dunia aplikasi, baik yang berbasis desktop maupun yang berbasis web. Sebuah laporan biasanya disajikan dalam bentuk tabel, yang mana terdapat "Header" sebagai Informasi data dari laporan tersebut. Kalau data yang disajikan hanya sedikit, misal 1 halaman tidak akan menjadi masalah. tetapi apabila data yang disajikan berjumlah ribuan, tentunya ini akan menjadi masalah tentang informasi yang disajikan. Lihat contoh berikut:

No NOP NAMA LUAS BUMI LUAS BNG KETETAPAN
1 25.12 PARMAN 100 0 10.000
2 21.21.2 PARJO 200 0 12.000
3 25.12.2 SARNO 150 0 12.000
Misal data yang ditampilkan ada 1000 (lebih banyak dari contoh diatas) sehingga laporan jika dicetak akan melebihi dari ruang yang tersedia di kertas. Dan laporan tersebut jika anda cetak akan menghasilkan beberapa lembar laporan. Hasilnya cetaknya, baris pertama yang berisikan no, nama, alamat dst hanya tercetak sekali yaitu pada halaman awal. Halaman berikutnya hanya mencetak data pada baris selanjutnya. Hal ini tentunya akan terlihat kurang baik dan bahkan menyulitkan kita dalam membaca laporan tersebut. Bagaimana membuat laporan hasil cetak agar tabel header diulang pada setiap halaman?
Untuk menghasilkan laporan cetak dengan tabel header pada tiap halaman, kita bisa mengguanakan css. Caranya :
Pertama anda harus susun kode html untuk membuat tabel laporan seperti berikut (anda bisa juga sesuaikan kolom-kolom laporanya):
No NOP NAMA LUAS BUMI LUAS BNG KETETAPAN
1 25.12 PARMAN 100 0 10.000
2 21.21.2 PARJO 200 0 12.000
3 25.12.2 SARNO 150 0 12.000
Kemudian tambahkan kode css berikut pada halaman laporan di bagian :
Kode diatas berfungsi untuk mengulang menampilkan header tabel (thead) pada setiap lembar halaman cetak anda. Mudah kan? Sekarang semua halaman laporan akan memiliki bagian judul tabel dan tentunya memudahkan kita menganalisa hasil laporanya. Semoga bermanfaat. 

Sumber : http://www.zainalhakim.web.id/posting/membuat-table-header-pada-tiap-halaman-hasil-cetak.html

Tidak ada komentar:

Posting Komentar