Sticky Table Headers and Columns

I've been fighting with this one for a bit. I can apply styles using a custom theme of course. The color takes effect and the Tailwind sticky class is applied. Top 0 is also applied. When I inspect, this is also in the dom and converts properly to position: sticky with top: 0.

.filament-tables-header-cell { @apply bg-red-200 sticky top-0 }

It's my understanding that TH can be sticky. I can remove the sticky or top 0 from the nav bar and it goes back to normal. I can't seem to get this to work. Any ideas?

People want that excel like feature where the table header and first couple columns are "locked" because they will be scrolling/editing this data often.
Was this page helpful?