Workflow
Responsive
ID
Dish
Diet
Category
Price
Calories
In Stock
Production date
Action
ID
Dish
Diet
Category
Price
Calories
In Stock
Production date
Action
1
Arkansas Possum Pie
πŸ₯œ Suitable for Celiacs
Pie
849 kcal
28/03/2024
2
Albacore Tuna Melt
πŸ₯œ Suitable for Celiacs
Dessert
244 kcal
15/03/2024
3
Π±ΠΎΡ€Ρ‰
🌱 Suitable for Vegans
Fish
799 kcal
17/03/2024
4
Bacalhau com natas
πŸ₯œ Suitable for Celiacs
Garnish
749 kcal
01/04/2024
5
Baba Ghanoush
🌱 Suitable for Vegans
Pasta
692 kcal
01/04/2024
6
Bacon Cheeseburger
🌱 Suitable for Vegans
Pie
657 kcal
02/04/2024
7
Baked potato
🌱 Suitable for Vegans
Fish
764 kcal
06/03/2024
8
Baklava
🌱 Suitable for Vegans
Dessert
768 kcal
30/03/2024
9
Bangers and mash
🍽️ All diets
Meat
664 kcal
10/03/2024
10
Black Pudding
πŸ₯œ Suitable for Celiacs
Dessert
475 kcal
13/03/2024
Disclaimer: Table data is randomly generated for illustrative purposes only. The information here is not a reflection of the actual market and does not constitute business, financial, or medical advice.
open in GitHub
<?php
 
use PowerComponents\LivewirePowerGrid\Footer;
use PowerComponents\LivewirePowerGrid\Header;
use PowerComponents\LivewirePowerGrid\Responsive;
 
final class ResponsiveTable extends DishesTable
{
public function setUp(): array
{
return [
Header::make()
->showToggleColumns()
->showSearchInput(),
 
Footer::make()
->showPerPage()
->showRecordCount(),
 
Responsive::make()
->fixedColumns('dishes.name', Responsive::ACTIONS_COLUMN_NAME),
];
}
}

Here you can find all relevant packages installed on this demo.

Name
Version
Description
laravel/framework
v10
The Laravel Framework.
openspout/openspout
v4.23.0
PHP Library to read and write spreadsheet files (CSV, XLSX and ODS), in a fast and scalable way
power-components/livewire-powergrid
5.x-dev
PowerGrid generates Advanced Datatables using Laravel Livewire.