How to increase SelectColumn width?

I have this SelectColumn in my Resource:

SelectColumn::make('courier_id')
  ->label('Courier')
  ->options(User::couriers()->pluck('name', 'id')),

SelectColumn::make('courier_id')
  ->label('Courier')
  ->options(User::couriers()->pluck('name', 'id')),

But the size of the select column is incredibly small. How can I make the SelectColumn wider so that it shows the text of the selected option?

Solution

SelectColumn::make('courier_id')
->extraAttributes(['style' => 'min-width:200px'])
  ->label('Courier')
  ->options(User::couriers()->pluck('name', 'id')),

SelectColumn::make('courier_id')
->extraAttributes(['style' => 'min-width:200px'])
  ->label('Courier')
  ->options(User::couriers()->pluck('name', 'id')),

Jump to solution

Filament•2y ago•

11 replies

nowak

How to increase SelectColumn width?

I have this SelectColumn in my Resource:

SelectColumn::make('courier_id')
  ->label('Courier')
  ->options(User::couriers()->pluck('name', 'id')),

SelectColumn::make('courier_id')
  ->label('Courier')
  ->options(User::couriers()->pluck('name', 'id')),

But the size of the select column is incredibly small. How can I make the SelectColumn wider so that it shows the text of the selected option?

Solution

SelectColumn::make('courier_id')
->extraAttributes(['style' => 'min-width:200px'])
  ->label('Courier')
  ->options(User::couriers()->pluck('name', 'id')),

SelectColumn::make('courier_id')
->extraAttributes(['style' => 'min-width:200px'])
  ->label('Courier')
  ->options(User::couriers()->pluck('name', 'id')),

Jump to solution

How to increase SelectColumn width?

Similar Threads

How to increase SelectColumn width?

Similar Threads

Similar Threads

Similar Threads