Merge pull request #18 from protonemedia/wrapper-without-margin-top

No margin-top if there are no column or search options

Author: pascalbaljet

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() {

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">

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">