fix: data table horizontal scroll

hotellistat · Sep 29, 2023 · d09f3c4 · d09f3c4
1 parent b73587d
commit d09f3c4
Showing 1 changed file with 2 additions and 4 deletions.
diff --git a/src/components/DataTable/index.vue b/src/components/DataTable/index.vue
@@ -32,7 +32,7 @@
         :style="{
           gridTemplateColumns: sizes,
         }"
-        :class="headerClass"
+        :class="[headerClass, horizontalScroll ? 'w-max' : '']"
       >
         <div class="checkbox">
           <Checkbox
@@ -83,9 +83,7 @@
         class="overflow-y-auto scrollable-content"
         :class="[
           sortedData.length ? '' : 'datatable-grid-rows-empty',
-          horizontalScroll
-            ? 'w-[max-content] overflow-x-hidden'
-            : 'overflow-x-auto',
+          horizontalScroll ? 'w-max overflow-x-hidden' : 'overflow-x-auto',
         ]"
       >
         <!-- Rows -->