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

Menampilkan Data Customers


Setelah berhasil membuat resource customer, maka kita lanjutkan menampilkan data-nya pada sebuah table.

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

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

  1. TextColumn dengan nama name

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

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

  2. TextColumn dengan nama email

    css
    Tables\Columns\TextColumn::make('email')->searchable(),

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

  3. TextColumn dengan nama created_at

    css
    Tables\Columns\TextColumn::make('created_at')->dateTime()

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