Feat Widgets Cards y Optimización de Consultas

Elecciones-Web/frontend-admin/src/components/AgrupacionesManager.css

@@ -36,6 +36,23 @@ td button {
     margin-right: 5px;
 }
 
+.table-container {
+  max-height: 500px; /* Altura máxima antes de que aparezca el scroll */
+  overflow-y: auto;  /* Habilita el scroll vertical cuando es necesario */
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  position: relative; /* Necesario para que 'sticky' funcione correctamente */
+}
+
+/* Hacemos que la cabecera de la tabla se quede fija en la parte superior */
+.table-container thead th {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  /* El color de fondo es crucial para que no se vea el contenido que pasa por debajo */
+  background-color: #f2f2f2; 
+}
+
 .sortable-list-horizontal {
   list-style: none;
   padding: 8px;