Merge pull request #1 from sietzekeuning/patch-1

add click event on row

Author: jdanino

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);

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

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
 {