From 09a21003332f2dc0eb88e9feb4ab91481f7b8ada Mon Sep 17 00:00:00 2001
From: karankoder <karankr.das.cse22@iitbhu.ac.in>
Date: Mon, 13 Jan 2025 19:50:34 +0530
Subject: [PATCH 1/2] add margin for empty table message

---
 lib/KTable/index.vue | 48 ++++++++++++++++++++++----------------------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/lib/KTable/index.vue b/lib/KTable/index.vue
index 0900a55f1..9f350ce39 100644
--- a/lib/KTable/index.vue
+++ b/lib/KTable/index.vue
@@ -1,5 +1,4 @@
 <template>
-
   <div
     ref="tableWrapper"
     class="k-table-wrapper"
@@ -63,25 +62,28 @@
                 v-if="isColumnSortable(index)"
                 class="sort-icon"
               >
-                <span v-if="isColumnSortActive(index) && sortOrder === SORT_ORDER_ASC"><KIcon
-                  icon="dropup"
-                  :color="
-                    isColumnSortActive(index)
-                      ? $themeBrand.primary.v_600
-                      : $themePalette.grey.v_800
-                  "
+                <span v-if="isColumnSortActive(index) && sortOrder === SORT_ORDER_ASC"
+                  ><KIcon
+                    icon="dropup"
+                    :color="
+                      isColumnSortActive(index)
+                        ? $themeBrand.primary.v_600
+                        : $themePalette.grey.v_800
+                    "
                 /></span>
-                <span v-else-if="isColumnSortActive(index) && sortOrder === SORT_ORDER_DESC"><KIcon
-                  icon="dropdown"
-                  :color="
-                    isColumnSortActive(index)
-                      ? $themeBrand.primary.v_600
-                      : $themePalette.grey.v_800
-                  "
+                <span v-else-if="isColumnSortActive(index) && sortOrder === SORT_ORDER_DESC"
+                  ><KIcon
+                    icon="dropdown"
+                    :color="
+                      isColumnSortActive(index)
+                        ? $themeBrand.primary.v_600
+                        : $themePalette.grey.v_800
+                    "
                 /></span>
-                <span v-else><KIcon
-                  icon="sortColumn"
-                  :color="$themePalette.grey.v_800"
+                <span v-else
+                  ><KIcon
+                    icon="sortColumn"
+                    :color="$themePalette.grey.v_800"
                 /></span>
               </span>
             </th>
@@ -141,12 +143,9 @@
       </div>
     </template>
   </div>
-
 </template>
 
-
 <script>
-
   import { ref, computed, watch } from 'vue';
   import useSorting, {
     SORT_ORDER_ASC,
@@ -622,12 +621,9 @@
       },
     },
   };
-
 </script>
 
-
 <style scoped>
-
   .k-table-wrapper {
     position: relative;
     height: auto;
@@ -667,4 +663,8 @@
     cursor: pointer;
   }
 
+  .empty-message {
+    margin-top: 16px;
+    margin-bottom: 16px;
+  }
 </style>

From ea5dd1d78d4654032b5d191ad825f683aa8d99a8 Mon Sep 17 00:00:00 2001
From: karankoder <karankr.das.cse22@iitbhu.ac.in>
Date: Tue, 14 Jan 2025 14:11:01 +0530
Subject: [PATCH 2/2]  resolve linting issue

---
 lib/KTable/index.vue | 45 ++++++++++++++++++++++++--------------------
 1 file changed, 25 insertions(+), 20 deletions(-)

diff --git a/lib/KTable/index.vue b/lib/KTable/index.vue
index 9f350ce39..e9420df06 100644
--- a/lib/KTable/index.vue
+++ b/lib/KTable/index.vue
@@ -1,4 +1,5 @@
 <template>
+
   <div
     ref="tableWrapper"
     class="k-table-wrapper"
@@ -62,28 +63,25 @@
                 v-if="isColumnSortable(index)"
                 class="sort-icon"
               >
-                <span v-if="isColumnSortActive(index) && sortOrder === SORT_ORDER_ASC"
-                  ><KIcon
-                    icon="dropup"
-                    :color="
-                      isColumnSortActive(index)
-                        ? $themeBrand.primary.v_600
-                        : $themePalette.grey.v_800
-                    "
+                <span v-if="isColumnSortActive(index) && sortOrder === SORT_ORDER_ASC"><KIcon
+                  icon="dropup"
+                  :color="
+                    isColumnSortActive(index)
+                      ? $themeBrand.primary.v_600
+                      : $themePalette.grey.v_800
+                  "
                 /></span>
-                <span v-else-if="isColumnSortActive(index) && sortOrder === SORT_ORDER_DESC"
-                  ><KIcon
-                    icon="dropdown"
-                    :color="
-                      isColumnSortActive(index)
-                        ? $themeBrand.primary.v_600
-                        : $themePalette.grey.v_800
-                    "
+                <span v-else-if="isColumnSortActive(index) && sortOrder === SORT_ORDER_DESC"><KIcon
+                  icon="dropdown"
+                  :color="
+                    isColumnSortActive(index)
+                      ? $themeBrand.primary.v_600
+                      : $themePalette.grey.v_800
+                  "
                 /></span>
-                <span v-else
-                  ><KIcon
-                    icon="sortColumn"
-                    :color="$themePalette.grey.v_800"
+                <span v-else><KIcon
+                  icon="sortColumn"
+                  :color="$themePalette.grey.v_800"
                 /></span>
               </span>
             </th>
@@ -143,9 +141,12 @@
       </div>
     </template>
   </div>
+
 </template>
 
+
 <script>
+
   import { ref, computed, watch } from 'vue';
   import useSorting, {
     SORT_ORDER_ASC,
@@ -621,9 +622,12 @@
       },
     },
   };
+
 </script>
 
+
 <style scoped>
+
   .k-table-wrapper {
     position: relative;
     height: auto;
@@ -667,4 +671,5 @@
     margin-top: 16px;
     margin-bottom: 16px;
   }
+
 </style>