Examples
Grid view examples
![https://laravelviews.com/storage/profile/58.png](https://laravelviews.com/storage/profile/58.png)
Андрей
Lorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/16.png](https://laravelviews.com/storage/profile/16.png)
mahdikkkjim
ShakjmkriatLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/12.png](https://laravelviews.com/storage/profile/12.png)
budi anduk1212
KeykhaLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/69.png](https://laravelviews.com/storage/profile/69.png)
jhgg sdfsdf
Kkkk77df asdfasdLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/13.png](https://laravelviews.com/storage/profile/13.png)
test123
DwadwadLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/13.png](https://laravelviews.com/storage/profile/13.png)
sdsd
Cummerata@example.Lorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/32.png](https://laravelviews.com/storage/profile/32.png)
tesdasda
Javonte.kutch@example.comxfzLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/46.png](https://laravelviews.com/storage/profile/46.png)
Bande de iok
Qcollier@example.ukLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/53.png](https://laravelviews.com/storage/profile/53.png)
Brycen Schade
Celestinoprenner@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/23.png](https://laravelviews.com/storage/profile/23.png)
Mrs. Kassandra Stiedemann
Griffin.aufderha00r@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/42.png](https://laravelviews.com/storage/profile/42.png)
Lonie Koch
Aweissnat@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/16.png](https://laravelviews.com/storage/profile/16.png)
Marietta Labadie
Alexandrea.sanford@example.orgLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/30.png](https://laravelviews.com/storage/profile/30.png)
Dr. Alessandra Schaefer
Submit gggggLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/16.png](https://laravelviews.com/storage/profile/16.png)
Oswaldo Lind
Tyshawn26@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/48.png](https://laravelviews.com/storage/profile/48.png)
Mr. Jerrod Glover
Cjohnston@example.orgLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/1.png](https://laravelviews.com/storage/profile/1.png)
Creola Stracke
Maymie80@example.orgLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/4.png](https://laravelviews.com/storage/profile/4.png)
Ashlynn Mosciski
Krajcik.rhiannon@example.comLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/1.png](https://laravelviews.com/storage/profile/1.png)
Arthur Oberbrunner
Sporer.salvatore@example.comLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/45.png](https://laravelviews.com/storage/profile/45.png)
Tara Rodriguez
Asenger@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/37.png](https://laravelviews.com/storage/profile/37.png)
Ransom Cronin
Zaria63@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
<?php
namespace App\Http\Livewire;
use App\Models\User;
use Illuminate\Database\Eloquent\Builder;
use LaravelViews\Facades\UI;
use LaravelViews\Views\GridView;
class UsersGridView extends GridView
{
public $maxCols = 3;
/**
* Sets a initial query with the data to fill the grid view
*
* @return Builder Eloquent query
*/
public function repository(): Builder
{
return User::query();
}
/**
* Sets the data to every card on the view
*
* @param $item Current model for each card
*/
public function card($item)
{
return [
'image' => asset('storage/' . $item->profile_picture),
'title' => $item->name,
'subtitle' => ucfirst($item->email),
'description' => 'Lorem ipsum dolor sit amet consectetur adipisicing elit. '
];
}
}
![https://laravelviews.com/storage/profile/58.png](https://laravelviews.com/storage/profile/58.png)
Андрей
Lorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/16.png](https://laravelviews.com/storage/profile/16.png)
mahdikkkjim
ShakjmkriatLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/12.png](https://laravelviews.com/storage/profile/12.png)
budi anduk1212
KeykhaLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/69.png](https://laravelviews.com/storage/profile/69.png)
jhgg sdfsdf
Kkkk77df asdfasdLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/13.png](https://laravelviews.com/storage/profile/13.png)
test123
DwadwadLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/13.png](https://laravelviews.com/storage/profile/13.png)
sdsd
Cummerata@example.Lorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/32.png](https://laravelviews.com/storage/profile/32.png)
tesdasda
Javonte.kutch@example.comxfzLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/46.png](https://laravelviews.com/storage/profile/46.png)
Bande de iok
Qcollier@example.ukLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/53.png](https://laravelviews.com/storage/profile/53.png)
Brycen Schade
Celestinoprenner@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/23.png](https://laravelviews.com/storage/profile/23.png)
Mrs. Kassandra Stiedemann
Griffin.aufderha00r@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/42.png](https://laravelviews.com/storage/profile/42.png)
Lonie Koch
Aweissnat@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/16.png](https://laravelviews.com/storage/profile/16.png)
Marietta Labadie
Alexandrea.sanford@example.orgLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/30.png](https://laravelviews.com/storage/profile/30.png)
Dr. Alessandra Schaefer
Submit gggggLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/16.png](https://laravelviews.com/storage/profile/16.png)
Oswaldo Lind
Tyshawn26@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/48.png](https://laravelviews.com/storage/profile/48.png)
Mr. Jerrod Glover
Cjohnston@example.orgLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/1.png](https://laravelviews.com/storage/profile/1.png)
Creola Stracke
Maymie80@example.orgLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/4.png](https://laravelviews.com/storage/profile/4.png)
Ashlynn Mosciski
Krajcik.rhiannon@example.comLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/1.png](https://laravelviews.com/storage/profile/1.png)
Arthur Oberbrunner
Sporer.salvatore@example.comLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/45.png](https://laravelviews.com/storage/profile/45.png)
Tara Rodriguez
Asenger@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/37.png](https://laravelviews.com/storage/profile/37.png)
Ransom Cronin
Zaria63@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
<?php
namespace App\Http\Livewire;
use App\Filters\UsersActiveFilter;
use App\Filters\UsersCreatedAtFilter;
use App\Filters\UsersTypeFilter;
class UsersWithFiltersGridView extends UsersGridView
{
public $searchBy = ['name', 'email'];
protected function filters()
{
return [
new UsersActiveFilter,
new UsersTypeFilter,
new UsersCreatedAtFilter
];
}
}
![https://laravelviews.com/storage/profile/58.png](https://laravelviews.com/storage/profile/58.png)
Андрей
Lorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/16.png](https://laravelviews.com/storage/profile/16.png)
mahdikkkjim
ShakjmkriatLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/12.png](https://laravelviews.com/storage/profile/12.png)
budi anduk1212
KeykhaLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/69.png](https://laravelviews.com/storage/profile/69.png)
jhgg sdfsdf
Kkkk77df asdfasdLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/13.png](https://laravelviews.com/storage/profile/13.png)
test123
DwadwadLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/13.png](https://laravelviews.com/storage/profile/13.png)
sdsd
Cummerata@example.Lorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/32.png](https://laravelviews.com/storage/profile/32.png)
tesdasda
Javonte.kutch@example.comxfzLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/46.png](https://laravelviews.com/storage/profile/46.png)
Bande de iok
Qcollier@example.ukLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/53.png](https://laravelviews.com/storage/profile/53.png)
Brycen Schade
Celestinoprenner@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/23.png](https://laravelviews.com/storage/profile/23.png)
Mrs. Kassandra Stiedemann
Griffin.aufderha00r@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/42.png](https://laravelviews.com/storage/profile/42.png)
Lonie Koch
Aweissnat@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/16.png](https://laravelviews.com/storage/profile/16.png)
Marietta Labadie
Alexandrea.sanford@example.orgLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/30.png](https://laravelviews.com/storage/profile/30.png)
Dr. Alessandra Schaefer
Submit gggggLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/16.png](https://laravelviews.com/storage/profile/16.png)
Oswaldo Lind
Tyshawn26@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/48.png](https://laravelviews.com/storage/profile/48.png)
Mr. Jerrod Glover
Cjohnston@example.orgLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/1.png](https://laravelviews.com/storage/profile/1.png)
Creola Stracke
Maymie80@example.orgLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/4.png](https://laravelviews.com/storage/profile/4.png)
Ashlynn Mosciski
Krajcik.rhiannon@example.comLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/1.png](https://laravelviews.com/storage/profile/1.png)
Arthur Oberbrunner
Sporer.salvatore@example.comLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/45.png](https://laravelviews.com/storage/profile/45.png)
Tara Rodriguez
Asenger@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/37.png](https://laravelviews.com/storage/profile/37.png)
Ransom Cronin
Zaria63@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
<?php
namespace App\Http\Livewire;
use App\Actions\ChangeUserAsAdmin;
use App\Actions\ChangeUserAsWriter;
use App\Actions\ToggleUserAction;
class UsersWithActionsGridView extends UsersWithFiltersGridView
{
protected function actionsByRow()
{
return [
new ChangeUserAsAdmin,
new ChangeUserAsWriter,
new ToggleUserAction,
];
}
}
![https://laravelviews.com/storage/profile/58.png](https://laravelviews.com/storage/profile/58.png)
Андрей
Lorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/16.png](https://laravelviews.com/storage/profile/16.png)
mahdikkkjim
ShakjmkriatLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/12.png](https://laravelviews.com/storage/profile/12.png)
budi anduk1212
KeykhaLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/69.png](https://laravelviews.com/storage/profile/69.png)
jhgg sdfsdf
Kkkk77df asdfasdLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/13.png](https://laravelviews.com/storage/profile/13.png)
test123
DwadwadLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/13.png](https://laravelviews.com/storage/profile/13.png)
sdsd
Cummerata@example.Lorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/32.png](https://laravelviews.com/storage/profile/32.png)
tesdasda
Javonte.kutch@example.comxfzLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/46.png](https://laravelviews.com/storage/profile/46.png)
Bande de iok
Qcollier@example.ukLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/53.png](https://laravelviews.com/storage/profile/53.png)
Brycen Schade
Celestinoprenner@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/23.png](https://laravelviews.com/storage/profile/23.png)
Mrs. Kassandra Stiedemann
Griffin.aufderha00r@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/42.png](https://laravelviews.com/storage/profile/42.png)
Lonie Koch
Aweissnat@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/16.png](https://laravelviews.com/storage/profile/16.png)
Marietta Labadie
Alexandrea.sanford@example.orgLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/30.png](https://laravelviews.com/storage/profile/30.png)
Dr. Alessandra Schaefer
Submit gggggLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/16.png](https://laravelviews.com/storage/profile/16.png)
Oswaldo Lind
Tyshawn26@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/48.png](https://laravelviews.com/storage/profile/48.png)
Mr. Jerrod Glover
Cjohnston@example.orgLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/1.png](https://laravelviews.com/storage/profile/1.png)
Creola Stracke
Maymie80@example.orgLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/4.png](https://laravelviews.com/storage/profile/4.png)
Ashlynn Mosciski
Krajcik.rhiannon@example.comLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/1.png](https://laravelviews.com/storage/profile/1.png)
Arthur Oberbrunner
Sporer.salvatore@example.comLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/45.png](https://laravelviews.com/storage/profile/45.png)
Tara Rodriguez
Asenger@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
![https://laravelviews.com/storage/profile/37.png](https://laravelviews.com/storage/profile/37.png)
Ransom Cronin
Zaria63@example.netLorem ipsum dolor sit amet consectetur adipisicing elit.
<?php
namespace App\Http\Livewire\GridView;
use App\Actions\Bulk\ChangeUsersAsAdmin;
use App\Actions\Bulk\ChangeUsersAsWriter;
use App\Http\Livewire\UsersWithActionsGridView;
class UsersWithBulkActionsGridView extends UsersWithActionsGridView
{
public function bulkActions()
{
return [
new ChangeUsersAsAdmin,
new ChangeUsersAsWriter
];
}
}