Custom styles
public function table(Table $table): Table
{
return $table
->query(Course::query())
->columns([
Stack::make([
ImageColumn::make('image')
->width(400)
->height(300)
//->extraAttributes(['class' => 'h-auto', 'm-auto', 'rounded-lg', 'sm:w-32'])
->toggleable(),
// ->size(370),
Grid::make([
'sm' => 2,
'xl' => 2,
'2xl' => 2,
])->schema([
ImageColumn::make('image')->circular()->extraAttributes(['class' => 'mt-2', 'sm:w-80', 'sm:m-0']),
TextColumn::make('name')
->extraAttributes(['class' => 'mt-2', 'text-4xl'])
->weight(FontWeight::Black)
->size(TextColumnSize::Large)
->searchable(),
])->extraAttributes(['class' => 'gap-0']),
TextColumn::make('details')
->searchable()
->weight(FontWeight::SemiBold)
->size(TextColumnSize::Medium)
->toggleable(isToggledHiddenByDefault: true)
->extraAttributes(['class' => 'my-4']),
])->extraAttributes(['style' => 'max-width:720px', 'max-w-screen-lg', 'class' => 'bg-blue-200']),
])
->contentGrid([
'md' => 3,
'sm' => 2,
])
}public function table(Table $table): Table
{
return $table
->query(Course::query())
->columns([
Stack::make([
ImageColumn::make('image')
->width(400)
->height(300)
//->extraAttributes(['class' => 'h-auto', 'm-auto', 'rounded-lg', 'sm:w-32'])
->toggleable(),
// ->size(370),
Grid::make([
'sm' => 2,
'xl' => 2,
'2xl' => 2,
])->schema([
ImageColumn::make('image')->circular()->extraAttributes(['class' => 'mt-2', 'sm:w-80', 'sm:m-0']),
TextColumn::make('name')
->extraAttributes(['class' => 'mt-2', 'text-4xl'])
->weight(FontWeight::Black)
->size(TextColumnSize::Large)
->searchable(),
])->extraAttributes(['class' => 'gap-0']),
TextColumn::make('details')
->searchable()
->weight(FontWeight::SemiBold)
->size(TextColumnSize::Medium)
->toggleable(isToggledHiddenByDefault: true)
->extraAttributes(['class' => 'my-4']),
])->extraAttributes(['style' => 'max-width:720px', 'max-w-screen-lg', 'class' => 'bg-blue-200']),
])
->contentGrid([
'md' => 3,
'sm' => 2,
])
}extraAttributes for image column doesn't work. How do i make it work?
Also some just don't work