add-search.md

検索機能の追加

管理画面で登録データの項目データを検索したい場合、Filamentでは手軽に機能を追加することができます

app/Filament/Resources/PostResource.php
---before---
public static function table(Table $table): Table
{
    return $table
        ->columns([
            Tables\Columns\TextColumn::make('title')->label('タイトル'),
            Tables\Columns\TextColumn::make('body')->label('本文'),
        ])
------------
↓
---after---
public static function table(Table $table): Table
{
    return $table
        ->columns([
            Tables\Columns\TextColumn::make('title')->label('タイトル')->searchable(), //ここにsearchableを追加
            Tables\Columns\TextColumn::make('body')->label('本文')->searchable(), //ここにsearchableを追加
        ])
-----------

before

after

ソートと併用可能

検索対象に加えてこちらのページに記載したソート機能も下記の様にsortableを付け加えるだけでソート対象にすることも可能

app/Filament/Resources/PostResource.php
---before---
public static function table(Table $table): Table
{
    return $table
        ->columns([
            Tables\Columns\TextColumn::make('title')->label('タイトル')->searchable(),
            Tables\Columns\TextColumn::make('body')->label('本文')->searchable(),
        ])
------------
↓
---after---
public static function table(Table $table): Table
{
    return $table
        ->columns([
            Tables\Columns\TextColumn::make('title')->label('タイトル') //見やすくするため改行追加
                ->searchable()->sortable(), //ここにsortableを追加
            Tables\Columns\TextColumn::make('body')->label('本文') //見やすくするため改行追加
                ->searchable()->sortable(), //ここにsortableを追加
        ])
-----------

あら便利💕

詳しくはオフィシャルドキュメントを参照👉 Columns - Table Builder - Filament