Move Table Actions to the right

If using the content-grid for tables instead of traditional tables, how can I move the column actions to the right? I've tried "justify-end" as extraAttribute, but it didn't work. But I can see inside the HTML that there's a "justify-start". How can I change this?

    protected function getTableActions(): array
    {
        return [
        Tables\Actions\ViewAction::make('view')
                                 ->form([])
                                 ->label('Details')
                                 ->button()
                                 ->color('primary')
                                 ->icon('heroicon-o-eye')
                                 ->modalHeading('Test')
                                 ->modalContent(fn ($record) => view('filament.modals.view-incident', ['record' => $record]))
                                 ->extraAttributes(['class' => 'justify-end'])
        ];
    }

    protected function getTableActions(): array
    {
        return [
        Tables\Actions\ViewAction::make('view')
                                 ->form([])
                                 ->label('Details')
                                 ->button()
                                 ->color('primary')
                                 ->icon('heroicon-o-eye')
                                 ->modalHeading('Test')
                                 ->modalContent(fn ($record) => view('filament.modals.view-incident', ['record' => $record]))
                                 ->extraAttributes(['class' => 'justify-end'])
        ];
    }

    protected function getTableActions(): array
    {
        return [
        Tables\Actions\ViewAction::make('view')
                                 ->form([])
                                 ->label('Details')
                                 ->button()
                                 ->color('primary')
                                 ->icon('heroicon-o-eye')
                                 ->modalHeading('Test')
                                 ->modalContent(fn ($record) => view('filament.modals.view-incident', ['record' => $record]))
                                 ->extraAttributes(['class' => 'justify-end'])
        ];
    }

    protected function getTableActions(): array
    {
        return [
        Tables\Actions\ViewAction::make('view')
                                 ->form([])
                                 ->label('Details')
                                 ->button()
                                 ->color('primary')
                                 ->icon('heroicon-o-eye')
                                 ->modalHeading('Test')
                                 ->modalContent(fn ($record) => view('filament.modals.view-incident', ['record' => $record]))
                                 ->extraAttributes(['class' => 'justify-end'])
        ];
    }

Dan Harrin•5/31/23, 2:18 PM

please show a screenshot of what you're looking for

DDan Harrin please show a screenshot of what you're looking for

ProdexOP•5/31/23, 3:13 PM

I want the details button on the right.

justify-end

justify-end

would work, but in the code example above, it doesn't work like this.

Bildschirmfoto_2023-05-31_um_17.11.47.png

PProdex I want the details button on the right. `justify-end `would work, but in the cod...

Dennis Koch•5/31/23, 3:14 PM

!justify-end

!justify-end

Dan Harrin•5/31/23, 3:14 PM

oh, i dont think thats an option

Dennis Koch•5/31/23, 3:14 PM

Because it needs to overwrite the other one? Otherwise target the action via CSS

Dan Harrin•5/31/23, 3:15 PM

i dont think justify-end will work

Dan Harrin•5/31/23, 3:15 PM

the class will be on the wrong element

Dan Harrin•5/31/23, 3:15 PM

maybe

->extraAttributes(['class' => 'ml-auto'])

->extraAttributes(['class' => 'ml-auto'])

would

Dennis Koch•5/31/23, 3:15 PM

Oh didn't see it was put on the action itself

ProdexOP•5/31/23, 3:17 PM

ah yeah, ml-auto works. But just to be sure, there's no way to put any class on the element above, right?

Dan Harrin•5/31/23, 3:18 PM

only with css

Dan Harrin•5/31/23, 3:18 PM

by targetting filament-tables-actions-container

DDan Harrin only with css

ProdexOP•5/31/23, 3:40 PM

Conditionally hiding cols for each record isn't possible, right? I've seen in another post, that $record isn't available. But it would be pretty nice to e.g. hide the end_date if it's the same like start_date in this view (see screenshot).

Dennis Koch•5/31/23, 3:41 PM

It would make sense in this context but not for tables. I guess that's why it's not possible currently

PProdex Conditionally hiding cols for each record isn't possible, right? I've seen in an...

Dan Harrin•5/31/23, 3:43 PM

you can use extraAttributes() again and pass in the $record there

DDennis Koch It would make sense in this context but not for tables. I guess that's why it's ...

Dan Harrin•5/31/23, 3:43 PM

i think there would still be complications

Dan Harrin•5/31/23, 3:44 PM

particularly surrounding things like sortable and searchable columns

DDan Harrin you can use extraAttributes() again and pass in the $record there

ProdexOP•5/31/23, 3:45 PM

and then use display: none or how would you hide it then?

Dan Harrin•5/31/23, 3:45 PM

yeah, or the

hidden

hidden

class

DDan Harrin yeah, or the `hidden` class

ProdexOP•5/31/23, 3:47 PM

I see, well in a "dream world" I could hide start_date and end_date and display another field just for the single date for this context. But as it's a table I see that it's not a good approach. How would you approach this? I think currently there's no other way for the admin panel to have something like this other than a table.

Dan Harrin•5/31/23, 3:51 PM

you can use getStateUsing() on the end_date and return null if its the same as the start_date

Move Table Actions to the right

Similar Threads

Similar Threads

Similar Threads