@v1nt1248/3nclient-lib 0.2.72 → 0.2.74

package/package.json

@@ -2,7 +2,7 @@
   "name": "@v1nt1248/3nclient-lib",
   "license": "AGPL-3.0-or-later",
   "author": "v1nt1248",
-  "version": "0.2.72",
+  "version": "0.2.74",
   "description": "Library for 3NWeb clients",
   "type": "module",
   "files": [

package/src/components/ui3n-table/composables/useTable.ts

@@ -49,6 +49,16 @@ export function useTable<T extends Ui3nTableBodyBaseItem>(props: Ui3nTableProps<
     }, '');
   });
 
+  const unusedPlaceCssStyle = computed(() => {
+    if (!props.config?.minHeightUnusedPlace || isNaN(Number(props.config?.minHeightUnusedPlace))) {
+      return {};
+    }
+
+    return {
+      minHeight: `${Number(props.config?.minHeightUnusedPlace || 0)}px`,
+    };
+  });
+
   function setFieldAsRowKey() {
     const { config = {}, body } = props;
     const { fieldAsRowKey } = config;
@@ -193,7 +203,7 @@ export function useTable<T extends Ui3nTableBodyBaseItem>(props: Ui3nTableProps<
       }
     }, {
       immediate: true,
-    }
+    },
   );
 
   watch(
@@ -207,6 +217,7 @@ export function useTable<T extends Ui3nTableBodyBaseItem>(props: Ui3nTableProps<
 
   return {
     tableEl,
+    unusedPlaceCssStyle,
     currentConfig,
     visibleColumns,
     hasGroupActionsRow,

package/src/components/ui3n-table/types.ts

@@ -18,6 +18,7 @@ export type Ui3nTableConfig<T extends Ui3nTableBodyBaseItem, K extends keyof T =
   columnStyle?: { [P in Omit<K, 'id'> as string | number]: Record<string, string> };
   fieldAsRowKey?: keyof T;
   showNoDataMessage?: boolean;
+  minHeightUnusedPlace?: number | string;
 };
 
 export type Ui3nTableHeadProps<T extends Ui3nTableBodyBaseItem> = {

package/src/components/ui3n-table/ui3n-table.vue

@@ -12,6 +12,7 @@
 
   const {
     tableEl,
+    unusedPlaceCssStyle,
     currentConfig,
     visibleColumns,
     hasGroupActionsRow,
@@ -183,7 +184,10 @@
     </div>
 
     <!-- table: unused space-->
-    <div :class="$style.unusedPlace">
+    <div
+      :class="$style.unusedPlace"
+      :style="unusedPlaceCssStyle"
+    >
       <slot name="unused-place" />
     </div>
   </div>