Download the PHP package givanov95/laravel-data-table without Composer

Laravel DataTable

A server-side DataTable builder for Laravel that ships with a matching Vue 3 + Inertia frontend. Backend and frontend live in the same repository and are published as two separate packages:

The two are designed to talk to each other through a single JSON payload, so you write your table definition once in PHP and the Vue component renders it.

Installation

Backend (Laravel / PHP 8.4+)

The service provider is auto-discovered. Publish the config if you want to customise the request parameter keys:

This creates config/data-table.php.

Frontend (Vue 3 + Inertia)

Register the plugin once (e.g. in app.ts / app.js). Both options are optional — without them the components fall back to identity translations and a global route() helper if one exists.

Configuration

config/data-table.php:

These keys map directly to the HTTP query parameters the frontend sends.

Backend usage

Basic example

setColumn accepts both shorthand positional arguments and a fully constructed Column object — pick whichever reads better:

Relation columns

Translatable columns

Designed to plug into the common translations morphMany pattern (translatable_id, translatable_type, locale, key, text):

Special column types

Eager-loading relations

Custom query hooks

Frontend usage

Component props

Slots

• #additionalContent — content inside the toolbar (e.g. "Create" buttons)
• #advancedFilters — content inside the advanced-filters toolbar slot
• #cell(<column-key>) — custom renderer for a column; receives { value, item }
• #cell(<relation.column>) — custom renderer for relation columns

Backend API reference

DataTable

• __construct(Builder $builder, ?Request $request = null)
• setColumn(string|Column $keyOrColumn, ?string $label = null, bool $searchable = false, bool $orderable = false, bool $exactMatch = false): self
• setRelationColumn(RelationColumn $column): self
• setTranslatableColumn(TranslatableColumn $column): self
• setEnumColumn(string $key, class-string<\BackedEnum> $enumClass): self
• setPriceColumn(string $key): self
• setDateColumn(string $key, string $format, string $dateDelimiter = '.', string $timeDelimiter = ':'): self
• setRelation(string $relationString, ?array $columnsToSelect = null): self
• setOrdering(Ordering $ordering): self
• setRawOrdering(?RawOrdering $rawOrdering): self
• process(?DataTableParams $params = null, ?callable $callbackBeforePaginate = null): self
• advancedSearch(callable $callback): self
• getData(): Collection
• getPaginator(): Paginator
• getBuilder(): Builder
• getColumnByKey(string $key): ?Column

Column classes

Repository layout

License

MIT