Filament•2y ago

Add a letter navigation bar on list page

I'm looking to add some filtering on the first letter of a record's title. I can add a dropdown to the filters but I prefer to have it always available above the table as A-Z buttons. What would be a good approach? Or where should I look for inspiration? I'm just looking for some pointers in the right direction 🤓

16 Replies

DivDax•2y ago

Checkt out the render hooks resource.pages.list-records.table.start https://filamentphp.com/docs/2.x/admin/appearance#render-hooks

Filament

Appearance - Admin Panel - Filament

The elegant TALL stack admin panel for Laravel artisans.

GavTheDevOP•2y ago

Yeah, sorry, I wasn't clear. I know about the render hooks, the question is really about the filtering functionality, not how to get the actual bar above the table. But I appreciate the reply! 😅

DivDax•2y ago

Write a custom filter and set the filter to "always show"?

GavTheDevOP•2y ago

Hm could it be that simple?

DivDax•2y ago

the filters can be shown at pageloage

GavTheDevOP•2y ago

I'll look into that, thanks!

DivDax•2y ago

instead of a dropdown which opens after click

DivDax•2y ago

https://filamentphp.com/docs/2.x/tables/filters#displaying-filters-above-or-below-the-table-content

Filament

Filters - Table Builder - Filament

The elegant TALL stack table builder for Laravel artisans.

GavTheDevOP•2y ago

Not sure what the option 'always show' would be. There's no mention of such an option in the docs (afaics) 🧐 There IS an option to show filters above the content, but that applies to all filters (oh that's what you posted 😅 )

DivDax•2y ago

Found something that should be exactly what your searching for: https://laraveldaily.com/post/filament-click-widget-auto-update-table-filter

Laravel Daily

Filament: Click on Widget - Auto-Update Table Filter

DivDax•2y ago

update table filter

->extraAttributes([ 
    'wire:click' => '$emit("filterUpdate", "is_admin")',
    'class' => 'transition hover:text-primary-500 cursor-pointer',
]),

->extraAttributes([ 
    'wire:click' => '$emit("filterUpdate", "is_admin")',
    'class' => 'transition hover:text-primary-500 cursor-pointer',
]),

GavTheDevOP•2y ago

Awesome, thanks! 💪

DivDax•2y ago

No prob Maybe mark the thread als solved 😉

GavTheDevOP•2y ago

We're not there yet 😉 But will do once I got it working!

DivDax•2y ago

Aaaand maybe build a package out of it? 😅 https://github.com/filamentphp/plugin-skeleton

GitHub

GitHub - filamentphp/plugin-skeleton: A package skeleton for develo...

A package skeleton for developing Filament plugins. - GitHub - filamentphp/plugin-skeleton: A package skeleton for developing Filament plugins.

GavTheDevOP•2y ago

Noob question but how do I mark it as solved? 😅 The green check?

Gaming

Programming

Add a letter navigation bar on list page