vertical align of action button and row select

I have all my table cell aligned to the top with verticalAlignment(VerticalAlignment::Start)

ViewColumn::make('address')->label('Address')
  ->view('filament.tables.columns.address-complete')
  ->verticalAlignment(VerticalAlignment::Start),

ViewColumn::make('address')->label('Address')
  ->view('filament.tables.columns.address-complete')
  ->verticalAlignment(VerticalAlignment::Start),

How can I get the action and the row select field also aligned to the top? BTW: using global config in the ServiceProvider does also have no effect on the row select and the action button

Column::configureUsing(function (Column $column): void {
    $column
        ->verticalAlignment(VerticalAlignment::Start);
});

Column::configureUsing(function (Column $column): void {
    $column
        ->verticalAlignment(VerticalAlignment::Start);
});

Solution:

create a theme and add this css ```css td.fi-ta-actions-cell, td.fi-ta-selection-cell {...

Jump to solution

1 Reply

Solution

pixelpeter.de•3mo ago

create a theme and add this css

td.fi-ta-actions-cell,
td.fi-ta-selection-cell {
    @apply align-top;
}
.fi-ta-selection-cell > div {
    @apply py-5;
}

td.fi-ta-actions-cell,
td.fi-ta-selection-cell {
    @apply align-top;
}
.fi-ta-selection-cell > div {
    @apply py-5;
}

Gaming

Programming

vertical align of action button and row select

Did you find this page helpful?