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

Menampilkan Data Users


Setelah form create dan edit berhasil dibuat, maka langkah berikutnya tentu saja menampilkan data-nya pada table.

Silahkan teman-teman buka file berikut ini app/Filament/Resources/UserResource.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 user.

  2. TextColumn dengan nama email

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

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

  3. TextColumn dengan nama created_at

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

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

Tidak ada table of contents