filter on imported

public/userarea/imported.php

@@ -1328,6 +1328,117 @@ $gridMeta = [
             outline: 2px solid #dc3545 !important;
             outline-offset: -2px;
         }
+
+        /* ── Filtri / selezione righe ── */
+        #filtersToggleBtn.active {
+            background-color: #0dcaf0 !important;
+            color: #fff !important;
+            border-color: #0dcaf0 !important;
+        }
+
+        /* checkbox dentro la cella Actions */
+        .filter-cb-wrap {
+            display: none;
+            align-items: center;
+            justify-content: center;
+            margin-right: 6px;
+            flex-shrink: 0;
+        }
+
+        .grid-container.filters-on .filter-cb-wrap {
+            display: inline-flex;
+        }
+
+        .filter-cb-wrap input {
+            width: 18px !important;
+            height: 18px !important;
+            cursor: pointer;
+        }
+
+        .grid-container.filters-on .button-cell {
+            display: flex;
+            align-items: center;
+        }
+
+        .grid-row.row-selected {
+            background-color: #cfe9ff !important;
+        }
+
+        .grid-row.row-selected .button-cell,
+        .grid-row.row-selected .grid-cell:nth-child(2),
+        .grid-row.row-selected .grid-cell:nth-child(3) {
+            background-color: #cfe9ff !important;
+        }
+
+        .grid-filter-row {
+            background: #eef6f9 !important;
+            border-bottom: 2px solid #0dcaf0;
+        }
+
+        .grid-filter-row .grid-cell {
+            padding: 4px 8px;
+        }
+
+        .grid-filter-row .filter-actions-cell {
+            background: #eef6f9 !important;
+        }
+
+        .grid-container.filters-on .grid-row {
+            cursor: pointer;
+        }
+
+        .grid-container.filters-on .grid-row input,
+        .grid-container.filters-on .grid-row select,
+        .grid-container.filters-on .grid-row textarea,
+        .grid-container.filters-on .grid-row button,
+        .grid-container.filters-on .grid-row a {
+            cursor: auto;
+        }
+
+        /* Sticky su riga propagazione e filtri (fix scroll orizzontale) */
+        .grid-top .grid-cell.save-all-cell {
+            position: sticky !important;
+            left: 0;
+            z-index: 9;
+            background: #fff;
+        }
+
+        .grid-top .grid-cell:nth-child(2) {
+            position: sticky !important;
+            left: 210px;
+            z-index: 8;
+            background: #fff;
+        }
+
+        <?php if (isset($mainFieldMappings) && count($mainFieldMappings) >= 2): ?>.grid-top .grid-cell:nth-child(3) {
+            position: sticky !important;
+            left: 360px;
+            z-index: 7;
+            background: #fff;
+        }
+
+        <?php endif; ?>.grid-filter-row .filter-actions-cell {
+            position: sticky !important;
+            left: 0;
+            z-index: 9;
+            background: #eef6f9 !important;
+        }
+
+        .grid-filter-row .grid-cell:nth-child(2) {
+            position: sticky !important;
+            left: 210px;
+            z-index: 8;
+            background: #eef6f9 !important;
+        }
+
+        <?php if (isset($mainFieldMappings) && count($mainFieldMappings) >= 2): ?>.grid-filter-row .grid-cell:nth-child(3) {
+            position: sticky !important;
+            left: 360px;
+            z-index: 7;
+            background: #eef6f9 !important;
+        }
+
+        <?php endif; ?>
     </style>
     <title>Edit Imported Data - <?= htmlspecialchars($titlewebsite, ENT_QUOTES, 'UTF-8'); ?></title>
 </head>
@@ -1456,6 +1567,7 @@ $gridMeta = [
     <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
     <script src="tracking.js"></script>
     <script src="gridRenderer.js"></script>
+    <script src="gridFilter.js"></script>
     <script src="saveAll.js"></script>
     <script src="exportLims_gridData.js"></script>
     <script src="modals_gridData.js"></script>