From 7b6d106e9c78f918361f556ae90a66f044842217 Mon Sep 17 00:00:00 2001
From: Sietze Keuning <info@kingwebsites.nl>
Date: Tue, 21 Mar 2023 15:48:30 +0100
Subject: [PATCH 1/2] add click event

---
 js/Components/Table.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/js/Components/Table.vue b/js/Components/Table.vue
index aaecd00..67daf2a 100644
--- a/js/Components/Table.vue
+++ b/js/Components/Table.vue
@@ -153,6 +153,7 @@
                       'hover:bg-gray-100': striped,
                       'hover:bg-gray-50': !striped
                     }"
+                    @click="rowClick(item, key)"
                   >
                     <td
                       v-for="column in queryBuilderProps.columns"
@@ -291,6 +292,8 @@ const props = defineProps({
     }
 });
 
+const emit = defineEmits(["rowClick"]);
+
 provide("activeClasses", props.activeClasses);
 
 const app = getCurrentInstance();
@@ -387,7 +390,9 @@ const hasData = computed(() => {
     return false;
 });
 
-//
+function rowClick(item, key) {
+    emit("rowClick", item, key);
+}
 
 function disableSearchInput(key) {
     forcedVisibleSearchInputs.value = forcedVisibleSearchInputs.value.filter((search) => search != key);

From e628bb994d953efe2ad64d40736a36b167f87395 Mon Sep 17 00:00:00 2001
From: sietzekeuning <sietzekeuning@users.noreply.github.com>
Date: Tue, 21 Mar 2023 14:49:17 +0000
Subject: [PATCH 2/2] Fix styling

---
 js/Components/TableActiveFilters.vue | 2 +-
 php/InertiaTable.php                 | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/js/Components/TableActiveFilters.vue b/js/Components/TableActiveFilters.vue
index f6b0e76..1935238 100644
--- a/js/Components/TableActiveFilters.vue
+++ b/js/Components/TableActiveFilters.vue
@@ -13,7 +13,7 @@
           clip-rule="evenodd"
         />
       </svg>
-      <span class="text-gray-400 ml-1">{{ numFilters }} active <span v-text="numFilters === 1 ? 'filter' : 'filters'"></span>:</span>
+      <span class="text-gray-400 ml-1">{{ numFilters }} active <span v-text="numFilters === 1 ? 'filter' : 'filters'" />:</span>
     </div>
 
     <button
diff --git a/php/InertiaTable.php b/php/InertiaTable.php
index 7c3d97f..fdc3841 100644
--- a/php/InertiaTable.php
+++ b/php/InertiaTable.php
@@ -6,8 +6,8 @@
 use Illuminate\Pagination\Paginator;
 use Illuminate\Support\Collection;
 use Illuminate\Support\Str;
-use Inertia\Response;
 use Illuminate\Support\Traits\Conditionable;
+use Inertia\Response;
 
 class InertiaTable
 {