My Course — Membangun Website Food Store Dengan Laravel Filament, Livewire dan Payment Gateway

Menampilkan Data Sliders


Setelah menampilkan form untuk proses create dan berhasil, maka kita akan belajar menampilkan data sliders-nya di dalam table di Filament

Silahkan teman-teman buka file berikut ini app/Filament/Resources/SliderResource.php, kemudian cari kode berikut ini.

php
public static function table(Table $table): Table { return $table ->columns([ // ]) ->filters([ // ]) ->actions([ Tables\Actions\EditAction::make(), ]) ->bulkActions([ Tables\Actions\BulkActionGroup::make([ Tables\Actions\DeleteBulkAction::make(), ]), ]); }

Kemudian ubah menjadi seperti berikut ini.

php
public static function table(Table $table): Table { return $table ->columns([ Tables\Columns\ImageColumn::make('image'), Tables\Columns\TextColumn::make('link'), ]) ->filters([ // ]) ->actions([ Tables\Actions\EditAction::make(), ]) ->bulkActions([ Tables\Actions\BulkActionGroup::make([ Tables\Actions\DeleteBulkAction::make(), ]), ]); }

Dari perubahan kode di atas, kita menambahkan 2 column, yaitu:

  1. ImageColumn dengan nama image

    css
    Tables\Columns\ImageColumn::make('image'),
  2. TextColumn dengan nama link

    css
    Tables\Columns\TextColumn::make('link')

Sekarang, silahkan reload project-nya, jika berhasil maka kurang lebih hasilnya akan seperti berikut ini.

Tidak ada table of contents