logo light

Sticky Table Row Actions

Image Description
By: Lara Zeus
  • Published: 10 Aug 2024 Updated: 10 Aug 2024
Tables Panels

how to make actions sticky in tables when you have a lot of columns

Sticky Table Row Actions

simply create a new theme following the docs.

then add this CSS toy your theme:

if you want it only stick on hover, replace .fi-ta-cell:last-of-type with &:hover .fi-ta-cell:last-of-type

this was originally shard by @awcodes.

Back to Tricks
logo light

Related Tricks:

Quick Filter Above the Tables

Add a Quick links to activate table filter on FilamentPHP table

Globally Translate all Components

make all Field or any components translatable

Reuse action in both Table and Header

how to use an action as a headerAction or as a table row action without code duplication

Make Filament table Headers sticky using CSS

Trigger an action when updating a column's state

Using an editable column like SelectColumn or ToggleColumn, you can conditionally trigger a modal form when a certain option is selected.