@push('head')
    <!-- Styles -->
    //
    <link href="{{ asset('css/pizza.css') }}" rel="stylesheet">
    <!-- Scripts -->
    var table = new Tabulator("#example-table", {
    layout: "fitDataFill",
    height: "311px",
    columns: [{
    title: "Name",
    field: "name"
    },
    {
    title: "Progress",
    field: "progress",
    hozAlign: "right",
    sorter: "number"
    },
    {
    title: "Gender",
    field: "gender"
    },
    {
    title: "Rating",
    field: "rating",
    hozAlign: "center"
    },
    {
    title: "Favourite Color",
    field: "col"
    },
    ],
    });
    //
    <script src="{{ asset('js/components/pizza.js') }}"></script>
@endpush

<x-filament-panels::page>
    <div x-data="{}" x-load-css="[@js(\Filament\Support\Facades\FilamentAsset::getStyleHref('tabulator-stylesheet'))]">
        <!-- ... -->
    </div>
    <div x-load x-load-src="{{ \Filament\Support\Facades\FilamentAsset::getAlpineComponentSrc('tabulator') }}">
        <!-- ... -->
    </div>

    {{-- Page content --}}
    <div id="example-table"></div>
</x-filament-panels::page>