Richard Meilinger
Richard Meilinger
PostsComments
FFilament
Created by Fossil on 1/5/2025 in #❓┊help
searchable method makes columns all same width
Hi there, stubled over this issue expiriencing the almost the same problem. Looks like the min-width of all cells at the row containing "->searchable" ist set to "12rem" because the class "min-w-48" is applied to it. Here are two possible workarounds I did: 1) You could either overload the CSS attributes: 
[class^="fi-table-individual-search-cell-"], [class*=" fi-table-individual-search-cell-"] {
    min-width: 0;
}
[class^="fi-table-individual-search-cell-"], [class*=" fi-table-individual-search-cell-"] {
    min-width: 0;
}
2) Remove the class from the index.blade.php (/docker/stacks/rme_test_lavarel1/vendor/filament/tables/resources/views/index.blade.php) 
<x-filament-tables::cell
    @class([
        'fi-table-individual-search-cell-' . str($column->getName())->camel()->kebab(),
        'px-3 py-2',
    ])
>
    @if ($column->isIndividuallySearchable())
        <x-filament-tables::search-field
            :debounce="$searchDebounce"
            :on-blur="$isSearchOnBlur"
            wire-model="tableColumnSearches.{{ $column->getName() }}"
        />
    @endif
</x-filament-tables::cell>
<x-filament-tables::cell
    @class([
        'fi-table-individual-search-cell-' . str($column->getName())->camel()->kebab(),
        'px-3 py-2',
    ])
>
    @if ($column->isIndividuallySearchable())
        <x-filament-tables::search-field
            :debounce="$searchDebounce"
            :on-blur="$isSearchOnBlur"
            wire-model="tableColumnSearches.{{ $column->getName() }}"
        />
    @endif
</x-filament-tables::cell>
18 replies