The columnSpan on widgets is not working

It seems like the columnSpan property on the Widget class does not have any effect at all unless I'm using full as value. For example 6/12 or 4/12 does not work and displays the widget as 1/12.

I have this Dashboard page:

class Dashboard extends \Filament\Pages\Dashboard
{
    public function getWidgets(): array
    {
        return [];
    }

    public function getHeaderWidgetsColumns(): int | array
    {
        return 12;
    }


    protected function getHeaderWidgets(): array
    {
        return [
            Test::class,
            TestOfWat::class,
        ];
    }
}


And this widget:

<?php

namespace App\Filament\Widgets;

use Filament\Widgets\Widget;

class TestOfWat extends Widget
{
    protected static string $view = 'filament.widgets.test-of-wat';

    protected int | string | array $columnSpan = '4/12';
}


But the width of the widget is always set to 1/12. Unless I set it to 'full'. How should I set it properly? I can't find clear documentation on the website about this.
Was this page helpful?