49 lines
1.1 KiB
PHP
49 lines
1.1 KiB
PHP
@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>
|