From 755b5f352d99db3c657a174b0a5d41f420d30a8a Mon Sep 17 00:00:00 2001
From: Geriano <gerznewbie@gmail.com>
Date: Sun, 17 Jul 2022 13:44:41 +0700
Subject: [PATCH] fix bug floating size element in th is not same with parent

---
 resources/js/Components/DataTable/Th.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/js/Components/DataTable/Th.vue b/resources/js/Components/DataTable/Th.vue
index 9473fba..bed3a31 100644
--- a/resources/js/Components/DataTable/Th.vue
+++ b/resources/js/Components/DataTable/Th.vue
@@ -35,8 +35,8 @@ const floating = () => {
     const { th, float } = self.refs
 
     if (th && float) {
-      float.style.width = th.clientWidth + 'px'
-      float.style.height = th.clientHeight + 'px'
+      // float.style.width = th.clientWidth + 'px'
+      // float.style.height = th.clientHeight + 'px'
 
       const parent = th.parentElement
 
@@ -74,7 +74,7 @@ onMounted(() => {
       </template>
     </div>
 
-    <div ref="float" v-if="table?.config?.sticky" class="absolute top-0 left-0" :class="`${sort && 'cursor-pointer'} ${$props.class} bg-transparent dark:bg-transparent`">
+    <div ref="float" v-if="table?.config?.sticky" class="absolute top-0 left-0 w-full h-full" :class="`${sort && 'cursor-pointer'} ${$props.class} bg-transparent dark:bg-transparent`">
     </div>
   </th>
 </template>
\ No newline at end of file