sticky table header

Hello, I've searched this question here and all the solutions did not work, they did do something but not what I expected. I would like to know if anyone has implemented or has a solution for a sticky header on the tables. When scrolling down I would like the table header to follow through. Anyone?
MK
Mansoor Khan12d ago
FilamentPHP Glow
Bring the sticky actions back form filament v2
Filament
Sticky Header by Adam Weston - Filament
A Filament Panels plugin to make headers sticky when scrolling.
H
Hugo12d ago
Hello, Im actually also using awcodes's sticky header but that is not what im looking for. I've come quite close to achieving what I want with the following css
.fi-ta-table thead {
position: sticky !important;
top: 10.11rem;
z-index: 50;
}
/* opacity does not looks good in dark mode, so insert the corresponding bg color here */
.fi-ta-table thead:is(:where(.dark) .dark\:bg-white\/5){
background-color: rgb(36 36 39);
}

.fi-ta-content{
overflow: unset!important;
}

.fi-ta-ctn{
overflow: unset!important;
}
.fi-layout {
overflow: unset!important;
}
.fi-ta-table thead {
position: sticky !important;
top: 10.11rem;
z-index: 50;
}
/* opacity does not looks good in dark mode, so insert the corresponding bg color here */
.fi-ta-table thead:is(:where(.dark) .dark\:bg-white\/5){
background-color: rgb(36 36 39);
}

.fi-ta-content{
overflow: unset!important;
}

.fi-ta-ctn{
overflow: unset!important;
}
.fi-layout {
overflow: unset!important;
}
The problem im facing now with unsetting the overflow from the .fi-layout is that the extra columns are showing outside the table. With the default .fi-layout, horizontal scroll is not possible. what im missing at the moment is the horizontal scroll on the table with the sticky header as it is with that css i've provided. Im not specialist in CSS, so if anyone has a good suggestion to how I can achieve that behavior i'd be glad. Thank you.
MK
Mansoor Khan12d ago
Ah just re-read and turns out you need sticky table header not the header actions. My bad.
Want results from more Discord servers?
Add your server
More Posts
DateTimePicker not working hourFormat propertyI'm trying to develop my page with a DateTimePicker able to switch between AM/PM hours, a 12hr formaHow to get data from custom Livewire component that is part of form?I have this Livewire component in my form in an action. How can I get data from that Livewire componRelationManager table action not workingIn a `RelationManager`, the following action works as a header action, but not as a row action. ClicUnderstanding the DatabaseNotificationsSent event. Not seeing websocket notifications in admin panelI have Echo and Soketi running for real time notifications, where I want to dispatch filaments builtHow to enforce client loads newest theme.css?We build the theme CSS on each deploy. How can we tell clients to ignore local cache, and load the nWhat to use: Repeater or Key-valueI have checked the docs of both repeater and key-value form builder fields. I liked both. I am confReferenceError: selectedRows is not definedI have a custom filament page. Super simple: an infolist and a table ``` <x-filament-panels::page> Macro is not working when testing with PestHello all I am using this plugin https://github.com/outer-web/filament-translatable-fields and when Why the authenticate rateLimit &throttled not work ?Why the authenticate rateLimit &throttled not work ?TextColumn action->button not working as expected```php Tables\Columns\TextColumn::make('asdas') ->label('See 2 items') ->action( TabFilament resource not showing on websitei made a migration, model and now a resource i followed a tutorial to see how i can make a resource How to translate filament filepond placeholder?I've tried to find it in the vendor, but idk how to translate it