Bỏ qua, đến nội dung

Câu hỏi thường gặp

Bản in bị vỡ layout hoặc thiếu nội dung?

  • react-to-print chụ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ị?

  1. Đảm bảo plugin đã kích hoạt trong Plugin Manager.
  2. Action chỉ khả dụng trên Detail viewCalendar form — không hỗ trợ trên Table, List, hoặc Grid Card.
  3. 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.

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.