Print sebagian pada halaman website yang dibuat

misi gan mau tanya soal print dari page yang kita buat nih

kenapa yaa pas saya mau print dari yg kita pilih tabelnya gak ikut? saya disini pake javascript, karna saya cuma mau print bagian div yg saya pilih semua...

saya salah dimana ya? ini sebagian code saya

<div class="panel-body" id="panel">
                            <div class="dataTable_wrapper">
                                <table class="table table-striped table-bordered table-hover">
                                    <div class="img-list">
                                        <img src="img/picture1.png">
                                    </div>
                                     <center>
                                        <div class="header-title">
                                            <h4 class="page-header title">FORM PROGRAM PELATIHAN PERORANGAN</h4>
                                        </div>
                                    </center>
                                    <?php
                                        $query = mysql_query("SELECT * FROM riwayat_training_detail AS s JOIN karyawn AS t JOIN jabatan AS u
                                            WHERE t.id_karyawan = $id1 AND s.nik LIKE t.nik AND t.id_jabatan LIKE u.id_jabatan " );
                                        $row = mysql_fetch_array($query)
                                    ?>
                                <tr>
                                    <th>NIK   </th>
                                    <td  class="table-bordered"><?php echo $row['nik'] ; ?></td>
                                </tr>
                                <tr>
                                    <th>Nama Karyawan   </th>
                                    <td  class="table-bordered"><?php echo $row['nama_karyawan']; ?></td>
                                </tr>    <tr>
                                    <th>Nama Jabatan    </th>
                                    <td  class="table-bordered"><?php echo $row['nama_jabatan']; ?></td>
                                </tr>
                                <tr>
                                    <th>Division    </th>
                                    <td  class="table-bordered"><?php echo $row['division']; ?></td>
                                </tr>
                                </table>
                            </div>
                        </div>

dan ini java scriptnya

<textarea id="printing-css" style="display:none;">.no-print{display:none}</textarea>
    <iframe id="printing-frame" name="print_frame" src="about:blank" style="display:none;"></iframe>
    <script type="text/javascript">
    //<![CDATA[
    function printDiv(elementId) {
        var a = document.getElementById('printing-css').value;
        var b = document.getElementById(elementId).innerHTML;
        window.frames["print_frame"].document.title = document.title;
        window.frames["print_frame"].document.body.innerHTML = '<style>' + a + '</style>' + b;
        window.frames["print_frame"].window.focus();
        window.frames["print_frame"].window.print();
    }
//]]>
</script>
avatar mochhelmi
@mochhelmi

20 Kontribusi 4 Poin

Diperbarui 8 tahun yang lalu

1 Jawaban:

coba cek solusi yang ini gan [link]http://stackoverflow.com/questions/24576851/no-border-on-html-table-when-printing[/link] sepertinya emang cssnya ga kebaca, tapi bisa inject di javascriptnya langsung.

Tapi ini di jsfilddle ada juga yang work http://jsfiddle.net/dimshik/9DbEP/4/

avatar immeng
@immeng

10 Kontribusi 18 Poin

Dipost 8 tahun yang lalu

Login untuk ikut Jawaban