Table
SplitColumn
Horizontally splits space between multiple child columns.
On this page
Horizontally splits space between multiple child columns.
use NyonCode\WireTable\Columns\SplitColumn;
Basic Split
SplitColumn::make('name_status') ->columns([ TextColumn::make('name')->weight('bold'), BadgeColumn::make('status')->colors([...]), ])
Vertical Layout
SplitColumn::make('address') ->columns([ TextColumn::make('street'), TextColumn::make('city'), TextColumn::make('country'), ]) ->vertical()
With Gap & Alignment
SplitColumn::make('user_info') ->columns([ ImageColumn::make('avatar')->circular()->size('sm'), TextColumn::make('name'), ]) ->gap('sm') // 'xs', 'sm', 'md', 'lg' ->alignCenter() // vertical center alignment
SplitColumn API
->columns(array $columns) // Column[] child columns->vertical() // vertical layout->horizontal() // horizontal layout (default)->gap(string $gap) // 'xs', 'sm', 'md', 'lg'->alignCenter(bool $align = true) // vertical center->alignStart() // vertical top->getColumns(): array->isSearchable(): bool // true if any child is searchable->getSearchColumns(): array // merged from children->isSortable(): bool // true if first child is sortable->getSortColumn(): ?string // from first sortable child