Installation

Requirements

composer require tranquil-tools/laravel-vue-table-builder

The service provider registers automatically via Laravel's package discovery.

Publish translations (optional):

php artisan vendor:publish --tag="vue-table-builder-translations"

Publish the config (optional):

php artisan vendor:publish --tag="vue-table-builder-config"

The package ships its Vue component and UI primitives. Install peer dependencies:

npm install lucide-vue-next

Import the package stylesheet in your app entry point (resources/js/app.js or resources/js/app.ts):

import '../css/app.css'

Dark mode is supported out of the box. Add the dark class to your <html> element to enable it:

<html class="dark">

If you use ->rowModal(), the package dispatches a table-builder:open-modal DOM event on window. Listen for it wherever your modal system lives:

window.addEventListener('table-builder:open-modal', (e) => {
    openModal((e as CustomEvent).detail);
});

See Row Links & Modals for the full payload shape and contract.

Use the Artisan command to scaffold a table class:

php artisan make:table UsersTable

This creates app/Tables/UsersTable.php with an AbstractTable stub ready to configure.