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
🍽️ All diets
178 kcal
28/11/2024
2
Albacore Tuna Melt
🌱 Suitable for Vegans
855 kcal
10/12/2024
3
борщ
🌱 Suitable for Vegans
184 kcal
18/12/2024
4
Bacalhau com natas
🍽️ All diets
Garnish
444 kcal
01/12/2024
5
Baba Ghanoush
🍽️ All diets
Soup
118 kcal
22/11/2024
6
Bacon Cheeseburger
🥜 Suitable for Celiacs
233 kcal
18/12/2024
7
Baked potato
🌱 Suitable for Vegans
843 kcal
08/12/2024
8
Baklava
🌱 Suitable for Vegans
731 kcal
22/11/2024
9
Bangers and mash
🌱 Suitable for Vegans
734 kcal
25/11/2024
10
Black Pudding
🌱 Suitable for Vegans
360 kcal
24/11/2024
Showing 1 to 10 of 192 Results
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'),
        ];
    }
}