comment out cleanFilter() on getRowsQueryProperty(), auto-initialize filter parameter add wire:key

Author: bdelamatre

resources/views/tailwind/includes/filters.blade.php

@@ -51,6 +51,7 @@ class="origin-top-right absolute right-0 mt-2 w-full md:w-56 rounded-md shadow-l
                                 <div class="mt-1 relative rounded-md shadow-sm">
                                     <select
                                         wire:model="filters.{{ $key }}"
+                                        wire:key="filter-{{ $key }}"
                                         id="filter-{{ $key }}"
                                         class="rounded-md shadow-sm block w-full pl-3 pr-10 py-2 text-base leading-6 border-gray-300 focus:outline-none focus:border-indigo-300 focus:shadow-outline-indigo sm:text-sm sm:leading-5"
                                     >

src/DataTableComponent.php

@@ -150,7 +150,7 @@ public function __construct($id = null)
      */
     public function getRowsQueryProperty(): Builder
     {
-        $this->cleanFilters();
+        //$this->cleanFilters();
 
         return $this->applySorting($this->query());
     }

src/Traits/WithFilters.php

@@ -13,6 +13,15 @@ trait WithFilters
         'search' => null,
     ];
 
+    public function mountWithFilters()
+    {
+        foreach($this->filters() as $filter => $options){
+            if(!isset($this->filters[$filter])){
+                $this->filters[$filter] = null;
+            }
+        }
+    }
+
     public function resetFilters(): void
     {
         $search = $this->filters['search'] ?? null;