Skills DirectorySkills Directory
SkillsLearnSecurityCategoriesDocsCommunityBlog
Sign InSubmit Skill
Skills Directory

Security-tested agent skills for Claude, coding agents, and AI workflows.

Directory

  • Browse Skills
  • All Skills A–Z
  • Claude Skills
  • Claude Code Skills
  • Agent Skills
  • Categories
  • Authors
  • Submit a Skill

Learn

  • Learn Hub
  • Install Claude Skills
  • Write SKILL.md
  • Skills vs MCP
  • Directories Compared

Security

  • Security
  • Methodology
  • Secure Claude Skills
  • Security Badges

Company

  • About
  • Community
  • Blog
  • API Docs
  • Advertise

2026 Skills Directory. All rights reserved.

ProTermsPrivacyRefunds
Back to skills

Filament Resource Table Style

ASecurity

适用于 Filament Resource 的 Table 配置文件(如 `OrdersTable.php`、`UsersTable.php` 等)。

3 stars
0 votes
0 copies
0 views
Added 9/22/2026
developmentphpbackend

Security Analysis

A100/100

Scanned 9/22/2026

Install to Claude Code

$npx -y skills add jasonencode/saas --skill filament-resource-table-style --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Filament Resource Table Style?

Add the live security badge to your README — it updates automatically with every re-scan.

Security grade badge for Filament Resource Table Style
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/jasonencode-filament-resource-table-style/badge)](https://www.skillsdirectory.com/skills/jasonencode-filament-resource-table-style)

More formats (shields.io, HTML) on the badges page.

Download with Pro
Files
SKILL.md
# Filament Resource Table 代码风格规范

适用于 Filament Resource 的 Table 配置文件(如 `OrdersTable.php`、`UsersTable.php` 等)。

## 适用场景

* 创建或修改 Resource 的 Table 配置文件
* 统一表格列、筛选器、操作等定义风格
* 优化代码可读性

## 文件结构

```php
<?php

namespace App\Filament\Backend\Clusters\{Cluster}\Resources\{Resource}\Tables;

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

class {Resource}sTable
{
    public static function configure(Table $table): Table
    {
        return $table
            ->defaultSort('id', 'desc')
            ->searchPlaceholder('搜索提示...')
            ->columns([...])
            ->filters([...])
            ->recordActions([
                Actions\ActionGroup::make([
                    // actions...
                ]),
            ])
            ->toolbarActions([
                Actions\BulkActionGroup::make([
                    // bulk actions...
                ]),
            ]);
    }
}
```

## 方法排序规范

在 `configure()` 方法中,按以下顺序调用方法:

### 1. defaultSort(默认排序)

```php
->defaultSort('id', 'desc')
// 或
->defaultSort('created_at', 'desc')
```

### 2. modifyQuery(查询修改,如有)

```php
->modifyQueryUsing(fn (Builder $query) => $query->where('status', 'active'))
```

### 3. searchPlaceholder(搜索提示)

```php
->searchPlaceholder('UID / 手机号码 / 昵称')
```

### 4. poll(轮询刷新)

```php
->poll('60s')
```

### 5. columns(列定义)

```php
->columns([
    Tables\Columns\TextColumn::make('user.name')
        ->label('用户'),
    
    Tables\Columns\TextColumn::make('no')
        ->label('编号')
        ->searchable()
        ->copyable(),
    
    Tables\Columns\TextColumn::make('amount')
        ->label('金额')
        ->money('CNY')
        ->sortable(),
    
    Tables\Columns\TextColumn::make('status')
        ->label('状态')
        ->badge()
        ->color(fn (StatusEnum $state): string => match ($state) {
            StatusEnum::ACTIVE => 'success',
            StatusEnum::INACTIVE => 'danger',
            default => 'gray',
        })
        ->formatStateUsing(fn (StatusEnum $state): string => $state->toString()),
    
    Tables\Columns\TextColumn::make('created_at')
        ->label('创建时间')
        ->sortable()
        ->toggleable(isToggledHiddenByDefault: true),
])
```

### 6. filters(筛选器)

```php
->filters([
    Tables\Filters\SelectFilter::make('status')
        ->label('状态')
        ->options(StatusEnum::class),
    
    Tables\Filters\SelectFilter::make('store_id')
        ->label('店铺')
        ->relationship('store', 'name')
        ->searchable()
        ->preload(),
    
    DateRangeFilter::make('created_at')
        ->label('创建时间'),
    
    Tables\Filters\Filter::make('is_active')
        ->label('仅有效')
        ->query(fn (Builder $query) => $query->where('status', 'active')),
    
    Tables\Filters\TrashedFilter::make(),
])
```

### 7. recordActions(行操作)

**必须使用 `ActionGroup` 包裹(即使只有一个 action)。**

```php
->recordActions([
    Actions\ActionGroup::make([
        Actions\ViewAction::make(),
        Actions\EditAction::make(),
        // 自定义 Action
        CustomAction::make(),
    ]),
])
```

### 8. toolbarActions(工具栏操作)

```php
->toolbarActions([
    Actions\BulkActionGroup::make([
        Actions\DeleteBulkAction::make(),
        // 自定义 BulkAction
        CustomBulkAction::make(),
    ]),
])
```

## 列定义规范

### TextColumn

```php
Tables\Columns\TextColumn::make('field')
    ->label('标签')
    ->searchable()
    ->sortable()
    ->copyable()
    ->limit(30)
    ->toggleable(isToggledHiddenByDefault: true)
    ->money('CNY')
    ->numeric()
    ->badge()
    ->color(fn ($state) => 'primary')
    ->formatStateUsing(fn ($state) => $state->toString())
    ->description(fn ($record): string => $record->desc)
    ->counts('relation')
    ->sum('relation', 'field')
    ->url(fn ($record) => route('...'))
```

### ImageColumn

```php
Tables\Columns\ImageColumn::make('cover')
    ->label('封面')
    ->circular()
    ->square()
    ->imageSize(60)
    ->disk('public')
```

### IconColumn

```php
Tables\Columns\IconColumn::make('is_active')
    ->label('状态')
    ->boolean()
    ->trueIcon('heroicon-o-check-circle')
    ->falseIcon('heroicon-o-x-circle')
    ->trueColor('success')
    ->falseColor('danger')
```

## 筛选器规范

### SelectFilter

```php
Tables\Filters\SelectFilter::make('status')
    ->label('状态')
    ->options(StatusEnum::class),

Tables\Filters\SelectFilter::make('store_id')
    ->label('店铺')
    ->relationship('store', 'name')
    ->searchable()
    ->preload(),

Tables\Filters\SelectFilter::make('type')
    ->label('类型')
    ->options([
        'type1' => '类型1',
        'type2' => '类型2',
    ]),
```

### 自定义 Filter

```php
Tables\Filters\Filter::make('is_active')
    ->label('仅有效')
    ->toggle()
    ->query(fn (Builder $query) => $query->where('status', 'active')),
```

### DateRangeFilter

```php
DateRangeFilter::make('created_at')
    ->label('创建时间'),
```

### TrashedFilter

```php
Tables\Filters\TrashedFilter::make(),
```

## Import 规范

```php
use Filament\Actions;
use Filament\Tables;
use Filament\Tables\Table;

use App\Filament\Tables\Components\UserInfoColumn;

use Modules\Mall\Enums\OrderStatus;

use Malzariey\FilamentDaterangepickerFilter\Filters\DateRangeFilter;
```

## 完整示例

```php
<?php

namespace App\Filament\Backend\Clusters\Mall\Resources\Orders\Tables;

use App\Filament\Tables\Components\UserInfoColumn;
use Filament\Actions;
use Filament\Tables;
use Filament\Tables\Table;
use Modules\Mall\Enums\OrderStatus;

class OrdersTable
{
    public static function configure(Table $table): Table
    {
        return $table
            ->defaultSort('created_at', 'desc')
            ->searchPlaceholder('订单编号 / 店铺名称')
            ->columns([
                UserInfoColumn::make(),
                Tables\Columns\TextColumn::make('no')
                    ->label('订单编号')
                    ->searchable()
                    ->copyable(),
                Tables\Columns\TextColumn::make('store.name')
                    ->label('店铺'),
                Tables\Columns\TextColumn::make('amount')
                    ->label('商品总额')
                    ->money('CNY')
                    ->sortable(),
                Tables\Columns\TextColumn::make('status')
                    ->label('状态')
                    ->badge()
                    ->color(fn (OrderStatus $state): string => match ($state) {
                        OrderStatus::PENDING => 'warning',
                        OrderStatus::PAID => 'success',
                        OrderStatus::CANCELLED => 'danger',
                        default => 'gray',
                    })
                    ->formatStateUsing(fn (OrderStatus $state): string => $state->toString()),
                Tables\Columns\TextColumn::make('created_at')
                    ->label('下单时间')
                    ->sortable(),
            ])
            ->filters([
                Tables\Filters\SelectFilter::make('status')
                    ->label('订单状态')
                    ->options(OrderStatus::class),
                Tables\Filters\SelectFilter::make('store_id')
                    ->label('店铺')
                    ->relationship('store', 'name')
                    ->searchable()
                    ->preload(),
            ])
            ->recordActions([
                Actions\ActionGroup::make([
                    Actions\ViewAction::make(),
                    Actions\EditAction::make(),
                ]),
            ])
            ->toolbarActions([
                Actions\BulkActionGroup::make([
                    Actions\DeleteBulkAction::make(),
                ]),
            ]);
    }
}
```

## 常用方法速查

| 方法 | 说明 |
|------|------|
| `->label('标签')` | 设置显示标签 |
| `->searchable()` | 可搜索 |
| `->sortable()` | 可排序 |
| `->copyable()` | 可复制 |
| `->limit(30)` | 限制文本长度 |
| `->toggleable(isToggledHiddenByDefault: true)` | 可切换显示(默认隐藏) |
| `->money('CNY')` | 金额格式 |
| `->numeric()` | 数字格式 |
| `->badge()` | 徽章样式 |
| `->boolean()` | 布尔值显示 |
| `->circular()` | 圆形图片 |
| `->square()` | 正方形图片 |
| `->imageSize(60)` | 图片大小 |
| `->counts('relation')` | 关联计数 |
| `->sum('relation', 'field')` | 关联求和 |
| `->description(fn ($record) => ...)` | 描述文本 |
| `->formatStateUsing(fn ($state) => ...)` | 格式化显示 |
| `->color(fn ($state) => ...)` | 颜色 |
| `->options(Enum::class)` | 枚举选项 |
| `->relationship('relation', 'name')` | 关系筛选 |
| `->searchable()` | 筛选器可搜索 |
| `->preload()` | 预加载选项 |

Attribution

jasonencodejasonencode
View sourceMore from jasonencode →
SSkills DirectorySkills Directory

Your tool, in front of Claude Code builders.

3 founder slots · $299/mo · GSC-verified traffic · sponsors can never buy grades.

See placements

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments (0)

No comments yet. Be the first to comment!

SSkills DirectorySkills Directory

Your tool, in front of Claude Code builders.

3 founder slots · $299/mo · GSC-verified traffic · sponsors can never buy grades.

See placements

Related Skills

Browser Extension Developer

Use this skill when developing or maintaining browser extension code in the `browser/` directory, including Chrome/Firefox/Edge compatibility, content scripts, background scripts, or i18n updates.

284072 votes

Seo Optimizer

SEO optimization with keyword analysis, readability assessment, technical validation, content quality. Use for search rankings, blog posts, content audits, or encountering keyword density, readability scores, meta tags, schema markup errors.

2192 votes

Google Official Seo Guide

Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation

1862 votes

Tanstack Start

Build a full-stack TanStack Start app on Cloudflare Workers from scratch — SSR, file-based routing, server functions, D1+Drizzle, better-auth, Tailwind v4+shadcn/ui. Use whenever the user mentions TanStack Start, asks to scaffold a full-stack Cloudflare app with SSR, wants an SSR dashboard, or asks for a React 19 + Cloudflare Workers app with file-based routing and server functions — even if they don't name TanStack Start specifically. No template repo — Claude generates every file fresh per ...

9881 votes

Pentest

PTES-aligned adversarial security audit for backend, frontend, and mobile applications. Produces a CVSS-scored Hacker Report with verified PoCs and phased remediation.

5491 votes
View all in development →