Beberapa waktu yang lalu kami mendapat proyek untuk pembuatan manajemen informasi sekolah kami, dimana laporanya mengharuskan untuk dicetak dalam cetakan yang berwarna pada tabel. Ketika kami coba melakukan perintah print ternyata browser tidak menampilkan warna pada cell yang kami berikan.

Sebelumnya kami curiga pada framework yang kami gunakan yaitu bootstrap, dimana mencegah untuk melakukan cetakan warna pada cell. Kami melakukan modifikasi pada css bootsrap, ternyata tidak memberikan efek, dan cell pada waktu print preview tidak tampil.

Setelah browsing di  internet ternyata kami menemukan sumber masalah tersebut. Ternyata browser yang saya pakai google chrome mencegah warna cell agar tidak ikut tercetak. Namun ada solusi yang bisa kita buat yaitu menambahkan baris css pada halaman yang akan kita cetak

@media print { body { -webkit-print-color-adjust: exact; } }

Tampilan print preview halaman sebelum di beri css diatas


Tampilan print preview halaman sesudah di beri css diatas