Why Filters are not displayed

[MxFlorin]

I have problems with "Filters". Are not displayed. What I am doing wrong.

    {
        return [
            'customer' => Filter::make('Customer')
                ->select([
                    '' => 'Any',
                    'Customer1' => 'Customer 1',
                    'Customer2' => 'Customer 2',
                ]),
            'warehouse' => Filter::make('Warehouse')
                ->select([
                    '' => 'Any',
                    'Warehouse1' => 'Warehouse 1',
                    'Warehouse2' => 'Warehouse 2',
                ]),
        ];
    }

[rappasoft]

What do you get if you dump $this->showBulkActionsDropdown in your component? Which is this method.

[MxFlorin]

Thank you for your answer.
I set public bool $showBulkActionsDropdown = true; ... still not displayed ... but in the source code I have

   <div x-cloak="" x-data="{ open: false }" x-on:keydown.escape.stop="open = false" x-on:mousedown.away="open = false" class="btn-group d-block d-md-inline">
      <button x-on:click="open = !open" type="button" class="btn dropdown-toggle d-block w-100 d-md-inline">
      Filters
      <span class="caret"></span>
      </button>
      <ul class="dropdown-menu w-100 mt-md-3" x-bind:class="{'show' : open}" role="menu">
         <li>
            <div wire:key="filter-customer" class="p-2">
               <label for="filter-customer" class="mb-2">
               Customer
               </label>
               <select onclick="event.stopPropagation();" wire:model="filters.customer" id="filter-customer" class="form-control">
                  <option value="">Any</option>
                  <option value="Customer1">Customer 1</option>
                  <option value="Customer2">Customer 2</option>
               </select>
            </div>
            <div wire:key="filter-warehouse" class="p-2">
               <label for="filter-warehouse" class="mb-2">
               Warehouse
               </label>
               <select onclick="event.stopPropagation();" wire:model="filters.warehouse" id="filter-warehouse" class="form-control">
                  <option value="">Any</option>
                  <option value="Warehouse1">Warehouse 1</option>
                  <option value="Warehouse2">Warehouse 2</option>
               </select>
            </div>
         </li>
      </ul>
   </div>
</div>

is cloaked somehow

All other event works pagination, search, sort, items per page .... but not filters

[MxFlorin]

I set all like this

public bool $showFilters = true;
public bool $showFilterDropdown = true;
public bool $showBulkActionsDropdown = true;

Still not displayed.

[rappasoft]

Those are all default and you don't have to set them, just having a bulk dropdown will trigger it to show. Make sure you have alpine set up correctly with its x-cloak directive CSS.

[MxFlorin]

Thank you that was the issue. Misconfiguration of alpine.js. Thank you for your great app.

[rappasoft]

Good glad to hear!