Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > อยากจะสอบถามวิธีการตรึงหัวตาราง เวลาขึ้นหน้าใหม่ตอนปริ้นหน้ารายงาน

อยากจะสอบถามวิธีการตรึงหัวตาราง เวลาขึ้นหน้าใหม่ตอนปริ้นหน้ารายงาน

เริ่มหัวข้อใหม่

AooDy

โพสกระทู้ ( 61 )
บทความ ( 0 )

ดูจากรูปเลยละกันครับ

pr3

คือผมต้องการพิมพ์ข้อมูลในหน้ารายงาน แต่พอเริ่มหน้าใหม่อยากจะให้หัวตารางยังคงอยู่ด้วยอะครับ พอมีทางไหมครับ

Tag : PHP

Date : 2013-06-17 19:19:39

By : romanticaood

View : 6472

Reply : 6

No. 1

AooDy

โพสกระทู้ ( 61 )
บทความ ( 0 )

มีใครพอจะมีแนวทางบ้างไหมครับ

Date : 2013-06-17 19:44:30

By : romanticaood

No. 2

To Be Developer

โพสกระทู้ ( 1,994 )
บทความ ( 10 )

ใช่ tcpdf หรือไม่ครับ

https://www.thaicreate.com/php/forum/091023.html#00329860

Date : 2013-06-17 20:10:57

By : {Cyberman}

No. 3

AooDy

โพสกระทู้ ( 61 )
บทความ ( 0 )

คือผมสั้งพิมพ์ โดยใช่ div ครอบตารางเอาไว้ครับ และใส่ javascript เข้ามาช่วย โดยcode ดังนี้อะครับ
Code (Java)

<script type="text/javascript">
function printDiv(divName) {
     var printContents = document.getElementById(divName).innerHTML;
     var originalContents = document.body.innerHTML;

     document.body.innerHTML = printContents;
     window.print();

     document.body.innerHTML = originalContents;
}
</script>

Date : 2013-06-17 20:36:07

By : romanticaood

No. 4

To Be Developer

โพสกระทู้ ( 1,994 )
บทความ ( 10 )

ไม่เคยใช้เหมือนกัน ลองใช้วิธีนี้ดูครับ (IE 8 กับ FireFox 21 ใช้ได้

)
http://www.evagoras.com/2011/02/10/printing-table-headers-on-every-page/

ประวัติการแก้ไข
2013-06-17 21:22:02

Date : 2013-06-17 20:51:14

By : {Cyberman}

No. 5

Guest

พอดีผมกำลังหาวิธีแก้ไขปัญหานี้ โดยหาใน thaicreate ส่วนใหญ่เป็นกระทู้เดิมที่หลายท่านคงแก้ไขได้เรียบร้อยแล้วเพราะผ่านมาหลายปีแล้ว แต่ผมหาวิธีแก้ไขอยู่ ทดลองทั้ง fpdf ......จนมาได้ไฟล์สร้าง pdf ของ thaipdf มาแล้วแต่ติดปัญหาตรงสั่งพิมพ์แล้วหัวตารางไม่มา จับใจความมาว่าต้องใช้ css มาช่วยนะครับ ตอนนี้แก้ไขได้แล้ว จึงขออนุญาตนำมาพ่วงต่อกระทู้เดิม เผื่อหลาย ๆ ท่านได้ค้นหาและเจอปัญหาเหมือนกัน จะได้มีแนวทางแก้ไขเพิ่มเติม
- ขอบคุณที่มาจาก stack overflow https://stackoverflow.com/questions/274149/repeat-table-headers-in-print-mode
- ขอบคุณชุมชน thaicreate ที่ช่วยถาม ตอบ ทำให้จุดเชื่อมต่อมีมากมาย...

Code (PHP)

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function PrintPage() {
            document.getElementById('print').style.display = 'none';
            window.resizeTo(960, 600);
            document.URL = "";
            window.location.href = "";
            window.print();
        }

    </script>
    <style type="text/css" media="print">
        @page
        {
            size: auto; /* auto is the initial value */
            margin: 2mm 4mm 0mm 0mm; /* this affects the margin in the printer settings */
        }
        thead
        {
            display: table-header-group;
        }
        tfoot
        {
            display: table-footer-group;
        }
    </style>
    <style type="text/css" media="screen">
        thead
        {
            display: block;
        }
        tfoot
        {
            display: block;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table style="width: 500px; margin: 0 auto;">
            <thead>
                <tr>
                    <td>
                        header comes here for each page
                    </td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        1
                    </td>
                </tr>
                <tr>
                    <td>
                        2
                    </td>
                </tr>
                <tr>
                    <td>
                        3
                    </td>
                </tr>
                <tr>
                    <td>
                        4
                    </td>
                </tr>
                <tr>
                    <td>
                        5
                    </td>
                </tr>
                <tr>
                    <td>
                        6
                    </td>
                </tr>
                <tr>
                    <td>
                        7
                    </td>
                </tr>
                <tr>
                    <td>
                        8
                    </td>
                </tr>
                <tr>
                    <td>
                        9
                    </td>
                </tr>
                <tr>
                    <td>
                        10
                    </td>
                </tr>
                <tr>
                    <td>
                        11
                    </td>
                </tr>
                <tr>
                    <td>
                        12
                    </td>
                </tr>
                <tr>
                    <td>
                        13
                    </td>
                </tr>
                <tr>
                    <td>
                        14
                    </td>
                </tr>
                <tr>
                    <td>
                        15
                    </td>
                </tr>
                <tr>
                    <td>
                        16
                    </td>
                </tr>
                <tr>
                    <td>
                        17
                    </td>
                </tr>
                <tr>
                    <td>
                        18
                    </td>
                </tr>
                <tr>
                    <td>
                        19
                    </td>
                </tr>
                <tr>
                    <td>
                        20
                    </td>
                </tr>
                <tr>
                    <td>
                        21
                    </td>
                </tr>
                <tr>
                    <td>
                        22
                    </td>
                </tr>
                <tr>
                    <td>
                        23
                    </td>
                </tr>
                <tr>
                    <td>
                        24
                    </td>
                </tr>
                <tr>
                    <td>
                        25
                    </td>
                </tr>
                <tr>
                    <td>
                        26
                    </td>
                </tr>
                <tr>
                    <td>
                        27
                    </td>
                </tr>
                <tr>
                    <td>
                        28
                    </td>
                </tr>
                <tr>
                    <td>
                        29
                    </td>
                </tr>
                <tr>
                    <td>
                        30
                    </td>
                </tr>
                <tr>
                    <td>
                        31
                    </td>
                </tr>
                <tr>
                    <td>
                        32
                    </td>
                </tr>
                <tr>
                    <td>
                        33
                    </td>
                </tr>
                <tr>
                    <td>
                        34
                    </td>
                </tr>
                <tr>
                    <td>
                        35
                    </td>
                </tr>
                <tr>
                    <td>
                        36
                    </td>
                </tr>
                <tr>
                    <td>
                        37
                    </td>
                </tr>
                <tr>
                    <td>
                        38
                    </td>
                </tr>
                <tr>
                    <td>
                        39
                    </td>
                </tr>
                <tr>
                    <td>
                        40
                    </td>
                </tr>
                <tr>
                    <td>
                        41
                    </td>
                </tr>
                <tr>
                    <td>
                        42
                    </td>
                </tr>
                <tr>
                    <td>
                        43
                    </td>
                </tr>
                <tr>
                    <td>
                        44
                    </td>
                </tr>
                <tr>
                    <td>
                        45
                    </td>
                </tr>
                <tr>
                    <td>
                        46
                    </td>
                </tr>
                <tr>
                    <td>
                        47
                    </td>
                </tr>
                <tr>
                    <td>
                        48
                    </td>
                </tr>
                <tr>
                    <td>
                        49
                    </td>
                </tr>
                <tr>
                    <td>
                        50
                    </td>
                </tr>
                <tr>
                    <td>
                        51
                    </td>
                </tr>
                <tr>
                    <td>
                        52
                    </td>
                </tr>
                <tr>
                    <td>
                        53
                    </td>
                </tr>
                <tr>
                    <td>
                        54
                    </td>
                </tr>
                <tr>
                    <td>
                        55
                    </td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td>
                        footer comes here for each page
                    </td>
                </tr>
            </tfoot>
        </table>
    </div>
    <br clear="all" />
    <input type="button" id="print" name="print" value="Print" onclick="javascript:PrintPage();"
        class="button" />
    </form>
</body>
</html>

ภาพที่ใช้ css นี้แล้วจะได้ไฟล์ที่มีหัวตารางทุกหน้าดังภาพ
หน้าแรก
หน้าแรกครับมีหัวตารางปกติ

หน้าท้ายสุด

ภาพหน้าท้ายสุด

Date : 2018-06-17 11:53:58

By : werachai2561

No. 6

Guest

ในแต่ละปลั๊กอินของ php to pdf จะมี function Header() ไว้กำหนดค่าให้หัวกระดาษออกมาทุกหน้าด้วยนะ

Date : 2018-06-18 09:38:17

By : Header

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : อยากจะสอบถามวิธีการตรึงหัวตาราง เวลาขึ้นหน้าใหม่ตอนปริ้นหน้ารายงาน

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก