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

Menampilkan Data Rating


Setelah berhasil membuat resource untukd ata rating, maka kita akan lanjutkan menampilkan data-nya dalam bentuk table di Filament.

Silahkan teman-teman buka file berikut ini app/Filament/Resources/RatingResource.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\TextColumn::make('customer.name')->searchable(), Tables\Columns\TextColumn::make('product.title')->searchable(), Tables\Columns\TextColumn::make('rating'), Tables\Columns\TextColumn::make('review'), Tables\Columns\TextColumn::make('created_at') ]) ->filters([ // ]) ->actions([ // Tables\Actions\EditAction::make(), ]) ->bulkActions([ Tables\Actions\BulkActionGroup::make([ Tables\Actions\DeleteBulkAction::make(), ]), ]); }

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

  1. TextColumn dengan nama customer.name

    css
    Tables\Columns\TextColumn::make('customer.name')->searchable(),

    Di atas kita tambahkan fungsi searchable untuk proses pencarian berdasarkan name customer.

  2. TextColumn dengan nama product.title

    css
    Tables\Columns\TextColumn::make('product.title')->searchable(),

    Di atas kita tambahkan fungsi searchable untuk proses pencarian berdasarkan title product.

  3. TextColumn dengan nama rating

    css
    Tables\Columns\TextColumn::make('rating')
  4. TextColumn dengan nama review

    css
    Tables\Columns\TextColumn::make('review'),
  5. TextColumn dengan nama created_at

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

Dan di atas, pada bagian actions kita disable untuk aksi edit data dengan nambahkan double slash // atau komentar.

php
->actions([ //Tables\Actions\EditAction::make(), ])

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

Tidak ada table of contents