Giao diện
Câu hỏi thường gặp
Bản in bị vỡ layout hoặc thiếu nội dung?
react-to-printchụp DOM tại thời điểm nhấn Print. Nếu có lazy-loaded content chưa render, nó sẽ thiếu.- Kiểm tra CSS
@media print— một số style có thể ẩn element trong chế độ in. - Table quá rộng bị cắt: thu gọn cột hoặc xoay trang ngang (landscape) trong print dialog.
Nút Print không hiển thị?
- Đảm bảo plugin đã kích hoạt trong Plugin Manager.
- Action chỉ khả dụng trên Detail view và Calendar form — không hỗ trợ trên Table, List, hoặc Grid Card.
- Kiểm tra action đã được thêm qua Schema Editor.
Có thể in element khác ngoài .df-grid không?
Plugin mặc định chỉ nhắm vào .df-grid. Để in vùng khác, cần tùy chỉnh code plugin — override useDetailPrintActionProps với selector khác.
Làm sao ẩn một số field khi in?
Thêm CSS @media print cho element cần ẩn:
css
@media print {
.field-to-hide {
display: none !important;
}
}Có thể xuất trực tiếp ra PDF không?
Plugin không tạo file PDF trực tiếp. Tuy nhiên, hầu hết trình duyệt hỗ trợ Save as PDF trong print dialog — đây là cách đơn giản nhất.
Nếu cần PDF server-side, sử dụng plugin-action-template-print với template DOCX/XLSX và tùy chọn convertedToPDF.
Print có gửi request lên server không?
Không — plugin hoạt động hoàn toàn ở client. Nội dung được chụp từ DOM và in qua trình duyệt, không gửi bất kỳ request nào.