Help needed with Filters Above Content
Does anyone mind sharing the code of: https://filamentphp.com/docs/3.x/tables/filters/layout#displaying-filters-above-the-table-content ? I cant get the filters to span horizontally on top. I always have weird glitches when viewing from different devices.
8 Replies
Do you mean what's the component's source code? Here: https://github.com/filamentphp/filament/blob/6794c14765fc103defce60c5ae67033971b2425e/packages/tables/resources/views/index.blade.php#L133-L155
GitHub
filament/packages/tables/resources/views/index.blade.php at 6794c14...
A collection of beautiful full-stack components for Laravel. The perfect starting point for your next app. Using Livewire, Alpine.js and Tailwind CSS. - filamentphp/filament
haha, nooo not at all. I meant the code in the schema that makes the filters go above layout
they are horizontally in the picture, but when I add them, all the filters are under each other, forming a column
Here
How did he order the components such that they are flexed horizontally?
Anyone?
Mine naturally show horizontally just by adding them to the ->filters array, and on narrow screens they'll stack (or I'll enable collapsing)
Ya that's a good point too.
Here are a couple of the defined filters sets from the Demo app:
https://github.com/filamentphp/demo/blob/038a22233635de2cdb1af2a6ec831ad78f5eb4a7/app/Filament/Resources/Shop/ProductResource.php#L232-L262
https://github.com/filamentphp/demo/blob/038a22233635de2cdb1af2a6ec831ad78f5eb4a7/app/Filament/Resources/Shop/OrderResource.php#L121-L153
GitHub
demo/app/Filament/Resources/Shop/ProductResource.php at 038a2223363...
Source code for the demo.filamentphp.com website. Contribute to filamentphp/demo development by creating an account on GitHub.
GitHub
demo/app/Filament/Resources/Shop/OrderResource.php at 038a22233635d...
Source code for the demo.filamentphp.com website. Contribute to filamentphp/demo development by creating an account on GitHub.