From e0883eccf17716cdd8416371bdf215fec444ff10 Mon Sep 17 00:00:00 2001
From: pascalbaljet <pascal@pascalbaljet.nl>
Date: Mon, 10 May 2021 15:33:36 +0200
Subject: [PATCH] WIP

---
 js/Components/Table.vue       | 12 ++++++++++++
 js/Tailwind2/Table.vue        |  2 +-
 js/Tailwind2/TableWrapper.vue |  2 +-
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/js/Components/Table.vue b/js/Components/Table.vue
index abba8ff..b1e3fdf 100644
--- a/js/Components/Table.vue
+++ b/js/Components/Table.vue
@@ -51,6 +51,18 @@ export default {
     hasSearchRows() {
       return Object.keys(this.search || {}).length > 0;
     },
+
+    onlyData() {
+      if (this.hasFilters || this.hasColumns || this.hasSearchRows) {
+        return false;
+      }
+
+      if (!this.search) {
+        return true;
+      }
+
+      return this.search.global ? false : true;
+    },
   },
 
   data() {
diff --git a/js/Tailwind2/Table.vue b/js/Tailwind2/Table.vue
index 5315aee..7281dbf 100644
--- a/js/Tailwind2/Table.vue
+++ b/js/Tailwind2/Table.vue
@@ -106,7 +106,7 @@ table >>> tr:hover td {
     </slot>
 
     <slot name="tableWrapper" :meta="meta">
-      <TableWrapper>
+      <TableWrapper :class="{'mt-2': !onlyData}">
         <slot name="table">
           <table class="min-w-full divide-y divide-gray-200 bg-white">
             <thead class="bg-gray-50">
diff --git a/js/Tailwind2/TableWrapper.vue b/js/Tailwind2/TableWrapper.vue
index 2a2607d..3da08dd 100644
--- a/js/Tailwind2/TableWrapper.vue
+++ b/js/Tailwind2/TableWrapper.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-col mt-2">
+  <div class="flex flex-col">
     <div class="-my-2 sm:-mx-6 lg:-mx-8">
       <div class="py-2 align-middle inline-block min-w-full sm:px-6 lg:px-8">
         <div class="shadow border-b border-gray-200 relative">