Hi everyone I’m trying to customize the layout of Filament Table filters and I’d like to know if this is possible via CSS theming or any table configuration.
What I need is:
Filters rendered as a separate widget/section at the top of the page
The table rendered below, not visually attached to the table header
I know I could technically create a page with:
a Form (filters)
a Table and manually wire them together, but that feels wrong since Filament already has a solid filters system that does exactly this — just not with the layout flexibility I need.
Right now:
The available filter layouts (dropdown / above content / modal) don’t allow fully separating the filters from the table
I couldn’t find a way to move the filters outside the table container while still using the native filter state / query handling
So my questions are:
Is there any supported way (theme, CSS, view override, or config) to render table filters as a standalone widget?
Or is the intended approach to build a custom form + table interaction in this case?
Any guidance, patterns, or “this is not supported by design” clarification would be super helpful. Thanks!