costumize/style Filament table via Livewire on Laravel
Hello guy! I'm in need of help, i'm using filament table in laravel, using the know system filament -> livewire ->laravel to diplay it in a webpage, but i need to style them according to a prior design. all tutorials I found are for the table in filament (where you can add edit and modify in a admin page) but i need these style to be applied on the table on the web page through livewire.
For example i tried a tutorial to remove the padding for each row (link here: https://www.youtube.com/watch?v=0vUCJZRcViM) and it work in filament (picture 1) but not in the webpage (picture 2 this one is the one that use livewire). Is it possible? and if so how?
Thanks a lot i hope the image explain better what i mean.
Let me know if you need more details.
P.s. I search the docs but found only part of what i need, this is why i'm writing a new post.
Thanks a lot
Filament Daily
YouTube
Filament Table: Remove Border and Padding to Fit More Entries
Let me show you how to add custom CSS to fit more records on the screen.
Original text tutorial: https://filamentexamples.com/tutorial/borderless-and-compact-table?mtm_campaign=youtube-table-borders-padding
2 Replies
When you use filament components on a webpage it doesnβt load the css from the filament theme file. That only applies to the panel.
You have add the css to the app webpage multiple options but for a global theme type stuff usually resources/css/app.css
Thanks alot!