承接 tima/filament-column-order 相关项目开发

从需求分析到上线部署,全程专人跟进,保证项目质量与交付效率

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

tima/filament-column-order

最新稳定版本:1.0.10

Composer 安装命令:

composer require tima/filament-column-order

包简介

Reusable Filament widget for saving/reordering table columns

README 文档

README

Пакет для Filament, який дозволяє змінювати порядок колонок у таблицях через drag & drop та зберігати його у базі даних.

Встановлення

  1. Встановити пакет:
composer require tima/filament-column-order

2.Опублікувати ресурси та міграції:

php artisan vendor:publish --tag=filament-column-order-views
php artisan vendor:publish --tag=filament-column-order-migrations
php artisan migrate

Використання
1. Додати віджет у Resource:

use Tima\FilamentColumnOrder\Widgets\ColumnsOrderWidget;

protected function getHeaderWidgets(): array
{
    return [
        ColumnsOrderWidget::make([
            'labels' => [
                'id' => 'ID',
                'title' => 'Назва',
                'active' => 'Статус',
            ],
            'key' => 'products_table_columns',
        ]),
    ];
}
Це створить drag & drop віджет для сортування колонок.

2. Використовувати порядок колонок у Table

use Tima\FilamentColumnOrder\Widgets\ColumnsOrderWidget;
use Filament\Tables\Columns\TextColumn;
use Archilex\ToggleIconColumn\Columns\ToggleIconColumn;

$allColumns = [
    'id' => TextColumn::make('id')->label('ID')->sortable()->searchable(),
    'title' => TextColumn::make('title')->label('Назва'),
    'active' => ToggleIconColumn::make('active')->label('Статус'),
];

$order = ColumnsOrderWidget::getOrder('products_table_columns', array_keys($allColumns));

$table->columns(ColumnsOrderWidget::sortColumns($order, $allColumns));

3. Drag & Drop

Віджет автоматично підключає SortableJS
 і дозволяє змінювати порядок колонок. Порядок зберігається у таблиці setting_columns.

统计信息

  • 总下载量: 11
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 0
  • 点击次数: 0
  • 依赖项目数: 0
  • 推荐数: 0

GitHub 信息

  • Stars: 0
  • Watchers: 0
  • Forks: 0
  • 开发语言: PHP

其他信息

  • 授权协议: MIT
  • 更新时间: 2025-09-22