From 581c7fcc501b7e44ba7ce063ab3bbed7093b8b32 Mon Sep 17 00:00:00 2001
From: michelelotito <m.lotito93@gmail.com>
Date: Thu, 19 Jan 2023 11:05:33 +0100
Subject: [PATCH] fixed no fields for table

---
 dev/TableShow.vue          | 10 ++++++++--
 package-lock.json          | 40 +++++++++++++++++++-------------------
 package.json               |  2 +-
 src/components/TVTable.vue | 21 +++++++++++++++++---
 4 files changed, 47 insertions(+), 26 deletions(-)

diff --git a/dev/TableShow.vue b/dev/TableShow.vue
index fbfa869..04f9e50 100644
--- a/dev/TableShow.vue
+++ b/dev/TableShow.vue
@@ -1,5 +1,10 @@
 <template>
     <div>
+        <div class="mb-3">
+            <TVTable />
+        </div>
+        
+
         <div class="mb-3">
             <TVTable
                 ref="tvtTableSimple"
@@ -69,13 +74,14 @@
                 :items="filterItems"
                 :fields="fields"
                 multiple-sortable
+                multiple-selection
                 :total-rows="items.length"
                 :per-page="perPage"
                 :row-select-class="'bg-red-500'"
                 enable-check
                 @change-page="changePage"
-                @check-row="checkRow"
-                @row-clicked="checkRow"
+                @check-row="checkRowMultiple"
+                @row-clicked="checkRowMultiple"
             >
                 <template #header-row>
                     <tr>
diff --git a/package-lock.json b/package-lock.json
index 8e6f495..4f92f34 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "@bitthecat/tailwind-vue-data-table",
-    "version": "0.2.4",
+    "version": "0.2.5",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@bitthecat/tailwind-vue-data-table",
-            "version": "0.2.4",
+            "version": "0.2.5",
             "license": "MIT",
             "dependencies": {
                 "rollup-plugin-import-css": "^3.1.0"
@@ -870,9 +870,9 @@
             }
         },
         "node_modules/caniuse-lite": {
-            "version": "1.0.30001441",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001441.tgz",
-            "integrity": "sha512-OyxRR4Vof59I3yGWXws6i908EtGbMzVUi3ganaZQHmydk1iwDhRnvaPG2WaR0KcqrDFKrxVZHULT396LEPhXfg==",
+            "version": "1.0.30001446",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001446.tgz",
+            "integrity": "sha512-fEoga4PrImGcwUUGEol/PoFCSBnSkA9drgdkxXkJLsUBOnJ8rs3zDv6ApqYXGQFOyMPsjh79naWhF4DAxbF8rw==",
             "dev": true,
             "funding": [
                 {
@@ -1500,9 +1500,9 @@
             }
         },
         "node_modules/eslint": {
-            "version": "8.31.0",
-            "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.31.0.tgz",
-            "integrity": "sha512-0tQQEVdmPZ1UtUKXjX7EMm9BlgJ08G90IhWh0PKDCb3ZLsgAOHI8fYSIzYVZej92zsgq+ft0FGsxhJ3xo2tbuA==",
+            "version": "8.32.0",
+            "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.32.0.tgz",
+            "integrity": "sha512-nETVXpnthqKPFyuY2FNjz/bEd6nbosRgKbkgS/y1C7LJop96gYHWpiguLecMHQ2XCPxn77DS0P+68WzG6vkZSQ==",
             "dev": true,
             "dependencies": {
                 "@eslint/eslintrc": "^1.4.1",
@@ -1556,9 +1556,9 @@
             }
         },
         "node_modules/eslint-plugin-vue": {
-            "version": "9.8.0",
-            "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.8.0.tgz",
-            "integrity": "sha512-E/AXwcTzunyzM83C2QqDHxepMzvI2y6x+mmeYHbVDQlKFqmKYvRrhaVixEeeG27uI44p9oKDFiyCRw4XxgtfHA==",
+            "version": "9.9.0",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.9.0.tgz",
+            "integrity": "sha512-YbubS7eK0J7DCf0U2LxvVP7LMfs6rC6UltihIgval3azO3gyDwEGVgsCMe1TmDiEkl6GdMKfRpaME6QxIYtzDQ==",
             "dev": true,
             "dependencies": {
                 "eslint-utils": "^3.0.0",
@@ -2528,9 +2528,9 @@
             }
         },
         "node_modules/postcss": {
-            "version": "8.4.20",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.20.tgz",
-            "integrity": "sha512-6Q04AXR1212bXr5fh03u8aAwbLxAQNGQ/Q1LNa0VfOI06ZAlhPHtQvE4OIdpj4kLThXilalPnmDSOD65DcHt+g==",
+            "version": "8.4.21",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz",
+            "integrity": "sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==",
             "dev": true,
             "funding": [
                 {
@@ -2664,9 +2664,9 @@
             }
         },
         "node_modules/punycode": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
-            "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.2.0.tgz",
+            "integrity": "sha512-LN6QV1IJ9ZhxWTNdktaPClrNfp8xdSAYS0Zk2ddX7XsXZAxckMHPCBcHRo0cTcEIgYPRiGEkmji3Idkh2yFtYw==",
             "dev": true,
             "engines": {
                 "node": ">=6"
@@ -2940,9 +2940,9 @@
             }
         },
         "node_modules/serialize-javascript": {
-            "version": "6.0.0",
-            "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz",
-            "integrity": "sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==",
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz",
+            "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==",
             "dev": true,
             "peer": true,
             "dependencies": {
diff --git a/package.json b/package.json
index e20b270..8eabf1d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@bitthecat/tailwind-vue-data-table",
-    "version": "0.2.4",
+    "version": "0.2.5",
     "keywords": [
         "tailwindcss",
         "customisable",
diff --git a/src/components/TVTable.vue b/src/components/TVTable.vue
index a0c30e1..d33d793 100644
--- a/src/components/TVTable.vue
+++ b/src/components/TVTable.vue
@@ -5,7 +5,14 @@
     
     <div class="overflow-auto">
         <TTable ref="TVTABLE">
-            <TThead>
+            <!-- No fields set -->
+            <TThead v-if="fields.length == 0">
+                <TTr class="divide-x divide-y">
+                    <TTh />
+                </TTr>
+            </TThead>
+
+            <TThead v-if="fields.length !== 0">
                 <slot v-if="slots['header-row']" name="header-row" />
                 <TTr class="divide-x divide-y">
                     <TTh 
@@ -52,7 +59,15 @@
                     </TTh>
                 </TTr>
             </TThead>
-            <TTbody>
+            <!-- No fields set -->
+            <TTbody v-if="fields.length == 0">
+                <TTr class="divide-x divide-y">
+                    <TTd>
+                        <span class="font-light flex justify-center mb-3 mt-3">No fields set</span>
+                    </TTd>
+                </TTr>
+            </TTbody>
+            <TTbody v-else>
                 <TTr v-if="busy">
                     <!-- Spinner -->
                     <TTd :colspan="enableCheck ? fields.length + 1 : fields.length">
@@ -155,7 +170,7 @@ const slots = useSlots();
 const props = defineProps({
     items: {
         type: [Object, Array],
-        default: () => {}
+        default: () => []
     },
     fields: {
         type: Array,