Laravel Grid View

Русская версия

A small server-side table for Laravel. It supports sorting, pagination, row actions, grouped rows, and optional AJAX navigation.

Requirements

• PHP 8.2+
• Laravel 11, 12, or 13
• Node.js 20+ only for JavaScript tests

Laravel 13 requires PHP 8.3+.

Install

composer require artlosk/laravel-grid-view

Laravel finds the service provider automatically.

Publish only the files you want to change:

php artisan vendor:publish --tag=grid-view-config
php artisan vendor:publish --tag=grid-view-views
php artisan vendor:publish --tag=grid-view-translations
php artisan vendor:publish --tag=grid-view-assets

Basic table

use App\Models\User;
use Illuminate\Http\Request;
use Artlosk\LaravelGridView\Columns\Column;
use Artlosk\LaravelGridView\GridRequest;
use Artlosk\LaravelGridView\GridView;

public function index(Request $request)
{
    $grid = GridView::make(User::query(), $request, 'users-grid')
        ->columns([
            Column::make('name')->label('Name')->sortable(),
            Column::make('email')->label('Email')->sortable(),
        ])
        ->defaultSort('name')
        ->paginate(25)
        ->ajax();

    if (GridRequest::wantsPartial($request)) {
        return $grid->partialResponse();
    }

    return view('users.index', compact('grid'));
}

{{ $grid }}

Actions

use Artlosk\LaravelGridView\Actions\Action;
use Artlosk\LaravelGridView\Columns\ActionColumn;

ActionColumn::make()->actions([
    Action::link('show', fn ($user) => route('users.show', $user))
        ->title('Open')
        ->icon('fa fa-eye'),

    Action::form('delete', fn ($user) => route('users.destroy', $user), 'DELETE')
        ->title('Delete')
        ->icon('fa fa-trash')
        ->visible(fn ($user) => auth()->user()->can('delete', $user))
        ->confirm('Delete this user?'),
]);

visible() changes the table only. Keep access checks in policies and controllers.

Grouped rows

use Artlosk\LaravelGridView\Rows\ExpandedGroup;
use Artlosk\LaravelGridView\Rows\ExpandedRow;

$grid->rowExpander(fn ($invoice) => ExpandedGroup::make(
    $invoice->lines->map(fn ($line) => ExpandedRow::make([
        'product' => $line->product->name,
        'quantity' => $line->quantity,
    ]))->all(),
    sharedColumns: ['number', 'customer', 'actions'],
));

Shared cells receive rowspan. Each record gets its own <tbody>.

AJAX

Include the published files and call ajax():

<link rel="stylesheet" href="{{ asset('vendor/grid-view/grid-view.css') }}">
<script src="{{ asset('vendor/grid-view/grid-view.js') }}" defer></script>

Links still work when JavaScript is disabled.

More examples

• PHP API
• AJAX
• Appearance

Tests

composer test
npm test

Support

If this package helps you, you can tip development. Donations are voluntary; no goods or services are expected in return.

Send USDT only on the network listed for that address (ERC-20, TRC-20, or TON).

The package uses the MIT license.