Table Builder点击行时SlideOver未按预期打开问题求助

recordUrl 本质是生成普通的页面跳转链接，所以点击行后会直接打开新页面的表单/信息列表，无法触发SlideOver模态框。要实现行点击打开SlideOver，需要改用Filament的动作(Action)系统来绑定行点击行为，具体方案如下：

方案1：使用内置EditAction绑定行点击 #

直接通过recordAction将编辑动作绑定到行点击，同时启用slideOver()：

use Filament\Tables\Table;
use Filament\Tables\Actions\EditAction;

public function table(Table $table): Table
{
    return $table
        ->recordAction(EditAction::make()->slideOver());
}

如果需要针对不同记录自定义逻辑，可以传入闭包：

use Filament\Tables\Table;
use Filament\Tables\Actions\EditAction;
use Illuminate\Database\Eloquent\Model;

public function table(Table $table): Table
{
    return $table
        ->recordAction(function (Model $record) {
            return EditAction::make()
                ->record($record)
                ->slideOver()
                ->disabled($record->isLocked()); // 示例：给锁定的记录禁用编辑
        });
}

方案2：自定义行点击动作 #

如果需要完全自定义SlideOver里的内容（比如展示信息列表而非表单），可以创建自定义Action：

use Filament\Tables\Table;
use Filament\Tables\Actions\Action;
use Filament\Forms\Components\Section;
use Illuminate\Database\Eloquent\Model;

public function table(Table $table): Table
{
    return $table
        ->recordAction(function (Model $record) {
            return Action::make('viewRecord')
                ->slideOver()
                ->modalWidth('md')
                ->form([
                    Section::make('文章详情')
                        ->schema([
                            // 这里添加你想在SlideOver里展示的字段/信息列表组件
                            \Filament\Forms\Components\TextInput::make('title')->disabled(),
                            \Filament\Forms\Components\Textarea::make('content')->disabled(),
                        ]),
                ])
                ->record($record);
        });
}

关键原因说明 #

Filament的SlideOver是前端交互组件，必须通过Filament的Action系统触发——Action会在前端拦截行点击事件，调用模态框逻辑；而recordUrl只是生成标准<a>标签，点击后直接触发浏览器页面跳转，自然无法打开SlideOver。

内容的提问来源于stack exchange，提问作者SNaRe