@innertia-solutions/innertia-nuxt 0.1.23 → 0.1.24

package/components/Table/Standard.vue

@@ -20,6 +20,10 @@ const props = defineProps({
   /** Mostrar selector "Filas por página" en el footer. Default false. */
   showPerPage:             { type: Boolean, default: false },
 
+  /** Modo lista: sin paginación. Carga todas las filas (server-side: ?list=true) y
+   *  el área de la tabla se vuelve scrolleable en vez de crecer indefinidamente. */
+  list:                    { type: Boolean, default: false },
+
   // Tamaño visible (wrap + overflow auto). 'sm' | 'md' (default) | 'lg' | 'fit'.
   size:                    { type: String, default: 'md' },
   filters:                 { type: Array,   default: () => [] },
@@ -758,6 +762,7 @@ defineExpose({ getSelectedRows, reload, clearCache, exportTable, tableRef, close
           :show-reload-button="showReloadButton"
           :info-position="infoPosition"
           :show-per-page="showPerPage"
+          :list="list"
           :click-row-to-open="clickRowToOpen"
           :preview-row-id="previewRow?.id ?? null"
           :preview-mode="!!previewEnabled"

package/components/Table/index.vue

@@ -21,6 +21,8 @@ const props = defineProps({
   infoPosition:     { type: String, default: 'bottom' },
   /** Mostrar el selector "Filas: 10/25/50/100/Otro...". Default false. */
   showPerPage:      { type: Boolean, default: false },
+  /** Modo lista: sin paginación (envía ?list=true, carga todas las filas y scrollea). */
+  list:             { type: Boolean, default: false },
   /** 'table' | 'cards' | 'database' | 'grid' (legacy → maps to cards) */
   viewMode: { type: String, default: 'table' },
   gridClass: { type: String, default: 'grid grid-cols-2 lg:grid-cols-3 gap-4' },
@@ -244,6 +246,8 @@ const buildRequestParams = () => {
     perPage: pagination.value.pageSize,
     sortColumns: sorting.value.map(s => ({ column: s.id, direction: s.desc ? 'desc' : 'asc' })),
     columnFilters: Object.fromEntries(columnFilters.value.map(f => [f.id, f.value])),
+    // Modo lista: sin paginación, el backend devuelve todas las filas (search/sort/filtros igual).
+    ...(props.list ? { list: true } : {}),
     ...otherParams,
   }
 }
@@ -596,6 +600,9 @@ defineExpose({
 <template>
   <div class="relative flex flex-col">
 
+    <!-- Modo lista: contenedor scrolleable (todas las filas cargadas, sin paginación) -->
+    <div :class="list ? 'max-h-[70vh] overflow-y-auto' : 'contents'">
+
     <!-- Table view -->
     <ViewTable
       v-if="currentView === 'table'"
@@ -664,6 +671,8 @@ defineExpose({
       </template>
     </ViewDatabase>
 
+    </div><!-- /scroll lista -->
+
     <!-- Pagination & controls bar -->
     <div
       v-if="infoPosition !== 'none'"
@@ -709,8 +718,8 @@ defineExpose({
         </div>
       </div>
 
-      <!-- Right: per-page + pagination -->
-      <div class="flex items-center gap-x-8">
+      <!-- Right: per-page + pagination (oculto en modo lista) -->
+      <div v-if="!list" class="flex items-center gap-x-8">
         <!-- Per page selector -->
         <div v-if="showPerPage" class="flex items-center gap-x-2">
           <label class="text-[10px] font-bold text-muted-foreground uppercase tracking-widest">Filas:</label>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innertia-solutions/innertia-nuxt",
-  "version": "0.1.23",
+  "version": "0.1.24",
   "description": "Innertia Solutions — Nuxt layer unificada: core, auth, multitenancy, theme y app contexts",
   "keywords": [
     "nuxt",