d

Vue/Ajaxsyntheseconsopolice/index.php

@@ -17,7 +17,9 @@
         }
     }
     ?>
-
+	<button type="button" class="btn btn-outline-danger px-4 fw-bold shadow-sm bg-white" onclick="window.print();">
+		<i class="fas fa-file-pdf me-2"></i> <?= _("Imprimer en PDF") ?>
+	</button>
     <div class="table-responsive shadow-sm border rounded">
         <table class="table table-sm table-hover align-middle mb-0" style="font-size: 0.75rem;">
             <thead class="text-white sticky-top">
@@ -73,4 +75,45 @@
     .sticky-top { position: sticky; top: 0; z-index: 1020; }
     .sticky-bottom { position: sticky; bottom: 0; z-index: 1020; }
     tfoot td { border-top: 2px solid #333 !important; }
+
+	@media print {
+		/* Masquer les éléments inutiles (menus, boutons, filtres) */
+		nav, .navbar, .btn, .footer, .no-print, .card-body.bg-light {
+			display: none !important;
+		}
+
+		/* Forcer le mode Paysage pour ce rapport large */
+		@page {
+			size: A4 landscape;
+			margin: 1cm;
+		}
+
+		/* Forcer l'affichage des couleurs de fond (Primes/Consos) */
+		body {
+			-webkit-print-color-adjust: exact !important;
+			print-color-adjust: exact !important;
+		}
+
+		/* Ajuster le tableau pour qu'il tienne sur la largeur de la page */
+		.table-responsive {
+			overflow: visible !important;
+			max-height: none !important;
+		}
+
+		table {
+			width: 100% !important;
+			border-collapse: collapse !important;
+			font-size: 7pt !important; /* Réduction légère pour l'impression */
+		}
+
+		/* Garder les en-têtes sur chaque page si le tableau est long */
+		thead {
+			display: table-header-group;
+		}
+
+		/* Empêcher de couper une ligne d'adhérent entre deux pages */
+		tr {
+			page-break-inside: avoid;
+		}
+	}
 </style>