Table without a model?

[RobQuistNL]

Package

Table builder

Package Version

v3.2.62

How can we help you?

I'm looking to make a simple page with a table that displays some data. Something like this:

protected array $arrayData = [
        ['id' => 1, 'color' => '#FF0000', 'name' => 'Product A', 'profit' => 5000],
        ['id' => 2, 'color' => '#00FF00', 'name' => 'Product B', 'profit' => 3000],
        ['id' => 3, 'color' => '#0000FF', 'name' => 'Product C', 'profit' => 7000],
    ];

How do I make a simple page with a table?

I've tried multiple things, one being this:

<?php

declare(strict_types = 1);

namespace App\Filament\Pages\ManagePages;

use App\Enums\FilamentNavigation;
use Filament\Pages\Page;
use Filament\Tables\Columns\ColorColumn;
use Filament\Tables\Columns\TextColumn;
use Filament\Tables\Table;

class ProfitabilityPage extends Page
{
    protected static ?string $navigationIcon = 'heroicon-o-currency-dollar';

    protected static string $view = 'filament.pages.profitability';

    protected static null|string $title = 'Profitability';

    protected static ?int $navigationSort = 3;

    protected static ?string $navigationGroup = FilamentNavigation::GROUP_SETTINGS->name;

    protected ?string $maxContentWidth = '2xl';

    protected array $arrayData = [
        ['id' => 1, 'color' => '#FF0000', 'name' => 'Product A', 'profit' => 5000],
        ['id' => 2, 'color' => '#00FF00', 'name' => 'Product B', 'profit' => 3000],
        ['id' => 3, 'color' => '#0000FF', 'name' => 'Product C', 'profit' => 7000],
    ];

    protected function getTableQuery()
    {
        return collect($this->arrayData);
    }

    protected function getTableColumns(): array
    {
        return [
            TextColumn::make('id')->label('ID'),
            TextColumn::make('name')->label('Name'),
            TextColumn::make('profit')->label('Profit'),
        ];
    }

    protected function getTableActions(): array
    {
        return [
        ];
    }

    public static function table(Table $table): Table
    {
        return $table->columns([
            ColorColumn::make('color')->extraHeaderAttributes(['class' => 'w-4']),
            TextColumn::make('name')
                ->searchable()
                ->sortable(),
        ]);
    }
}

Now this particular example complains about the following:

Filament\Tables\Table::make(): Argument #1 ($livewire) must be of type Filament\Tables\Contracts\HasTable, string given, called in /var/www/app/Filament/Pages/ManagePages/ProfitabilityPage.php on line 78

ChatGPT tells me to "Implement Filament\Tables\Contracts\HasTable" but that requires me to declare 47 abstract functions which can't be right.

How do I go about show a simple table with some data that comes from an array? Yes, I've seen this "Sushi" thing but I don't feel like wrapping Eloquent models and an SQLite database around a simple array just to show a few numbers.

[dissto]

https://filamentphp.com/docs/3.x/tables/adding-a-table-to-a-livewire-component#adding-the-table

[leandrocfe]

Probably this will be available on V4

[mariusticha]

until v4 is released and no one has a better solution:

we use this nice package to wrap our static data into a model and then you can query it using the table query method: https://github.com/calebporzio/sushi

works pretty good!