#Sticky Action Column

16 messages · Page 1 of 1 (latest)

half thunder
#

Is there any solution about this I need to do something like this pic because I have to much columns and I need to be shown always the actions

bold pineBOT
#

To help others find answers, you can mark your question as solved via Right click solution message -> Apps -> ✅ Mark Solution

gloomy cloud
half thunder
#

It works but, is there any other solution not just the buttons but all column to be sticky?

gloomy cloud
#

not sure.. maybe inspect classes and apply same

manic fable
half thunder
half thunder
gloomy cloud
#

So you want to keep actionsColumnLabel() as well right? then what about like thead tr th.fi-ta-header-cell:last-of-type {} not test, not sure as well

half thunder
#

Let me try

half thunder
#

Not working

gloomy cloud
#
.fi-ta-header-cell:last-of-type {
    @apply relative right-0 top-0 bottom-0 bg-red-500;
}

.fi-ta-header-cell:last-of-type {
    position: sticky;
}
#

You can also do like this:

thead>tr {
    .fi-ta-header-cell:last-of-type {}

    .fi-ta-header-cell:last-of-type {}
}
half thunder
#

How to add that Action label inside the table?

gloomy cloud
#

$table->actionsColumnLabel('Action')

half thunder
#

Thanks I didn't know it