Workflow
Responsive

This example enables Responsive Table.

(This Table is a variation of the "Dish" example.)

ID
Dish
Diet
Category
Price
Calories
Production date
In Stock
Action
ID
Dish
Diet
Category
Price
Calories
Production date
In Stock
Action
1
Arkansas Possum Pie
🥜 Suitable for Celiacs
Soup
434 kcal
04/10/2024
2
Albacore Tuna Melt
🍽️ All diets
Pasta
828 kcal
22/09/2024
3
борщ
🍽️ All diets
391 kcal
09/10/2024
4
Bacalhau com natas
🥜 Suitable for Celiacs
Dessert
573 kcal
17/09/2024
5
Baba Ghanoush
🥜 Suitable for Celiacs
Soup
735 kcal
03/10/2024
6
Bacon Cheeseburger
🍽️ All diets
Soup
806 kcal
03/10/2024
7
Baked potato
🥜 Suitable for Celiacs
534 kcal
06/10/2024
8
Baklava
🍽️ All diets
750 kcal
11/10/2024
9
Bangers and mash
🌱 Suitable for Vegans
203 kcal
30/09/2024
10
Black Pudding
🥜 Suitable for Celiacs
330 kcal
21/09/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.
<?php
 
namespace App\Livewire\Examples\ResponsiveTable;
 
use App\Livewire\Examples\DemoDishTable\DemoDishTable;
use PowerComponents\LivewirePowerGrid\Facades\PowerGrid;
 
final class ResponsiveTable extends DemoDishTable
{
public string $tableName = 'responsive-table';
 
public function setUp(): array
{
return [
PowerGrid::header()
->showToggleColumns()
->showSearchInput(),
 
PowerGrid::footer()
->showPerPage()
->showRecordCount(),
 
PowerGrid::responsive()
->fixedColumns('dishes.name', 'actions'),
];
}
}
Code highlighting provided by Torchlight.dev