JS – In nội dung của div trên trang thành file PDF

Javascript

[Trước tiên bạn nào chua biết JS – Javascript là gì thì xem thêm tại đây nhé]

Để in một phần tử div với một ID nhất định trong một web page, bạn có thể sử dụng JavaScript hoặc jQuery. Dưới đây là các bước chi tiết để thực hiện điều này với Javascript:

Bước 1: Thêm CSS để hiển thị border khi in

Bạn có thể sử dụng CSS với media query để chỉ áp dụng các quy tắc CSS này khi in. Thêm đoạn mã CSS sau vào tệp CSS của bạn hoặc trong thẻ <style> trong tệp HTML:

Bước 2: Tạo phần tử div chứa bảng cần in

Đảm bảo rằng bạn có phần tử div với ID mà bạn muốn in và một bảng trong đó. Ví dụ:

Bước 3: Tạo nút và hàm JavaScript để in phần tử div

Thêm nút và hàm JavaScript để in phần tử div:

Tổng hợp lại

Kết hợp tất cả các phần lại, trang HTML của bạn sẽ trông như sau:

Khi bạn nhấp vào nút “In nội dung”, hàm printDiv sẽ được gọi và in nội dung của phần tử div có ID “divToPrint”, bao gồm cả border của bảng.

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *