Filter Cant Click On Bootstrap 4 mode

[kahfieidn]

Hello, i cant click button filter and column, any solve?

Video Bug Button : https://youtu.be/bOPpsNIoL8M

Here is my full code:

<?php

namespace App\Http\Livewire;

use App\Models\User;
use Hashids\Hashids;
use App\Models\Perizinan;
use App\Models\Permohonan;
use Illuminate\Database\Eloquent\Builder;
use Rappasoft\LaravelLivewireTables\Views\Column;
use Rappasoft\LaravelLivewireTables\DataTableComponent;

use Rappasoft\LaravelLivewireTables\Views\Columns\LinkColumn;
use Rappasoft\LaravelLivewireTables\Views\Filters\DateFilter;
use Rappasoft\LaravelLivewireTables\Views\Filters\TextFilter;
use Rappasoft\LaravelLivewireTables\Views\Filters\SelectFilter;


class TrackingTable extends DataTableComponent
{

    public function configure(): void
    {
        $this->setPrimaryKey('id')->setFilterLayoutSlideDown();
        $this->setAdditionalSelects(['perizinans.id as perizinans']);
        $this->setFiltersEnabled();
        $this->setFiltersVisibilityEnabled();
        $this->setFiltersStatus(true);
        $this->setDebugEnabled();
        $this->setFiltersVisibilityStatus(true);

    }

    public function filters(): array
    {
        return [
            TextFilter::make('Name')
            ->config([
                'placeholder' => 'Search Name',
                'maxlength' => '25',
            ])
            ->filter(function(Builder $builder, string $value) {
                $builder->where('users.name', 'like', '%'.$value.'%');
            }),
        ];
    }

    public function builder(): Builder
    {
        return Permohonan::query()
            ->with(['perizinans']);
    }

    public function columns(): array
    {
        $hash = new Hashids('', 30);
        return [
            Column::make("Id", "id")
                ->sortable(),
            Column::make("Nama Pemohon", "users.name")
                ->sortable()
                ->searchable(),
            Column::make("Nama Perizinan", "perizinans.nama_perizinan")
                ->sortable()
                ->searchable(),
            Column::make("Sektor", "sektors.nama_sektor")
                ->sortable()
                ->searchable(),
            Column::make("Tanggal Permohonan", "created_at")
                ->sortable(),
            LinkColumn::make('Action')
                ->title(fn($row) => 'View')
                ->location(fn($row,) => route('dashboard.tracking.show', [$row->perizinans, $hash->encodeHex($row->id)])),    
        ];
    }
}

[lrljoe]

You don't need any of

$this->setFiltersEnabled();
$this->setFiltersVisibilityEnabled();
$this->setFiltersStatus(true);
$this->setFiltersVisibilityStatus(true);

It should then work just fine

[kahfieidn]

Ive been remove that, but still same, cant click

[lrljoe]

Jump in the Discord tomorrow evening and I will help you work this out

Can you confirm if you're getting any errors in the browser console?

Which version of the package and livewire are you using please?

[kahfieidn]

Ok bro, i join in discord rappasoft,

i not see any eror, only cant click in output browser.

im using livewire 2, laravel 10

[kahfieidn]

Ive been join to your discord

[lrljoe]

If this isn't resolved yet then please do give me a nudge on Discord. I should be more active this week