Added height prop to the table

BabyElias · Aug 25, 2024 · e014237 · e014237
1 parent 0b1b1dc
commit e014237
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/lib/KTable/index.vue b/lib/KTable/index.vue
@@ -1,6 +1,6 @@
 <template>
 
-  <div ref="tableWrapper" class="k-table-wrapper">
+  <div ref="tableWrapper" class="k-table-wrapper" :style="tableWrapperStyle">
     <table class="k-table" role="grid">
       <caption v-if="caption">
         {{ caption }}
@@ -144,6 +144,11 @@
         if (header.width) style.width = header.width;
         return style;
       };
+      const tableWrapperStyle = computed(() => {
+        return {
+          height: props.height,
+        };
+      });
 
       return {
         sortKey,
@@ -155,6 +160,7 @@
         SORT_ORDER_DESC,
         DATA_TYPE_OTHERS,
         getHeaderStyle,
+        tableWrapperStyle,
       };
     },
     /* eslint-disable kolibri/vue-no-unused-properties */
@@ -201,6 +207,13 @@
         type: Boolean,
         default: true,
       },
+      /**
+       * Sets the height of the table. Default is `auto`.
+       */
+      height: {
+        type: String,
+        default: 'auto',
+      },
     },
     data() {
       return {
@@ -473,7 +486,6 @@
 .k-table-wrapper {
   overflow: auto;
   position: relative;
-  height:300px;
 }
 
 .k-table {