[테이블] 비어 있는 상태

개요

테이블에 행이 없을 때 "빈 상태"가 렌더링됩니다.

빈 상태 제목 설정하기

빈 상태의 제목을 커스터마이즈하려면 emptyStateHeading() 메서드를 사용하세요:

use Filament\Tables\Table;

public function table(Table $table): Table
{
    return $table
        ->emptyStateHeading('아직 게시물이 없습니다');
}

빈 상태 설명 설정하기

빈 상태의 설명을 커스터마이즈하려면 emptyStateDescription() 메서드를 사용하세요:

use Filament\Tables\Table;

public function table(Table $table): Table
{
    return $table
        ->emptyStateDescription('첫 번째 게시물을 작성하면 여기에 표시됩니다.');
}

빈 상태 아이콘 설정하기

빈 상태의 아이콘을 커스터마이즈하려면 emptyStateIcon() 메서드를 사용하세요:

use Filament\Tables\Table;

public function table(Table $table): Table
{
    return $table
        ->emptyStateIcon('heroicon-o-bookmark');
}

빈 상태 액션 추가하기

사용자가 조치를 취할 수 있도록 빈 상태에 액션을 추가할 수 있습니다. 이를 emptyStateActions() 메서드에 전달하세요:

use Filament\Tables\Actions\Action;
use Filament\Tables\Table;

public function table(Table $table): Table
{
    return $table
        ->emptyStateActions([
            Action::make('create')
                ->label('게시물 생성')
                ->url(route('posts.create'))
                ->icon('heroicon-m-plus')
                ->button(),
        ]);
}

커스텀 빈 상태 뷰 사용하기

emptyState() 메서드에 커스텀 뷰를 전달하여 완전히 커스텀된 빈 상태 뷰를 사용할 수 있습니다:

use Filament\Tables\Actions\Action;
use Filament\Tables\Table;

public function table(Table $table): Table
{
    return $table
        ->emptyState(view('tables.posts.empty-state'));
}