使用 Inertia Table 基于 Eloquent 模型构建表格

Inertia Table 是 Inertia.js 的终极表格，具有内置的查询构建器支持。Inertia Table 包含在高级 Inertia UI 中，这是一套由 Pascal Baljet 创建的针对 Laravel、Vue 和 Tailwind CSS 的软件包。该表格组件使得基于您的 Eloquent 模型构建表格变得超级容易，它具有以下功能：

• 排序，包括对关联模型的支持
• 分页，可自定义每页项目数量
• 可切换列
• 搜索，支持关联模型
• 广泛的过滤选项（文本、日期、布尔值、集合等）
• 行链接、操作和批量操作，可自定义确认对话框
• 导出为 CSV、Excel 和 PDF
• 暗黑模式支持
• 创建内联表格
• 等等

您可以使用提供的 make:inertia-table 命令创建基于类的表格，也可以在运行时使用该软件包的匿名表格构建器

use App\Models\User;
use InertiaUI\Table\Columns;
use InertiaUI\Table\Filters;
 
class UsersController
{
    public function index()
    {
        return inertia('Users', [
            'users' => Table::build(
                resource: User::class,
                columns: [
                    Columns\TextColumn::make('name'),
                ],
                filters: [
                    Filters\TextFilter::make('name'),
                ],
            ),
        ]);
    }
}

在撰写本文时，该软件包需要 MySQL 8、PostgreSQL 14 或 SQLite 3，以及 Tailwind CSS 3.4+ 和 Vue 3.4+，React 版本正在开发中。

可以在 table-demo.inertiaui.com 上看到 Inertial Table 的演示。您可以通过在 Inertia Table 网站 上购买许可证（对单个项目有效）来开始使用 Inertia.js Table。