add-sort.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('タイトル')->sortable(), //ここにsortableを追加
            Tables\Columns\TextColumn::make('body')->label('本文')->sortable(), //ここにsortableを追加
        ])
-----------

before

after

タイトルでソート時

検索と併用可能

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

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

あら便利💕

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