PHPackages tranquil-tools/laravel-vue-table-builder - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. tranquil-tools/laravel-vue-table-builder ActiveLibrary[Utility & Helpers](/categories/utility) tranquil-tools/laravel-vue-table-builder ======================================== A VueJS/Inertia TableBuilder package for Laravel 1.0.5(1w ago)03↓100%1MITPHPPHP ^8.3 Since Dec 10Pushed 6d agoCompare [ Source](https://github.com/ComfyCodersBV/laravel-vue-table-builder)[ Packagist](https://packagist.org/packages/tranquil-tools/laravel-vue-table-builder)[ Docs](https://github.com/comfycodersbv/laravel-vue-table-builder)[ RSS](/packages/tranquil-tools-laravel-vue-table-builder/feed)WikiDiscussions main Synced 1w ago READMEChangelogDependencies (12)Versions (17)Used By (1) A VueJS/Inertia TableBuilder package for Laravel ================================================ [](#a-vuejsinertia-tablebuilder-package-for-laravel) [![Latest Version on Packagist](https://camo.githubusercontent.com/59ea5cac7bb9639496a8249cb40068803adc0c18340c35fe1b1bb2b692ace134/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f636f6d6679636f646572732f6c61726176656c2d7675652d7461626c652d6275696c6465722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/comfycoders/laravel-vue-table-builder)[![GitHub Tests Action Status](https://camo.githubusercontent.com/047ca169e38eeba6cdc7b0e69f8abbc9edc5a5de9635a93498b1fb7ea31850d2/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f636f6d6679636f646572732f6c61726176656c2d7675652d7461626c652d6275696c6465722f72756e2d74657374732e796d6c3f6272616e63683d6d61696e266c6162656c3d7465737473267374796c653d666c61742d737175617265)](https://github.com/comfycoders/laravel-vue-table-builder/actions?query=workflow%3Arun-tests+branch%3Amain)[![GitHub Code Style Action Status](https://camo.githubusercontent.com/b6c0c6f4eae658ee3517caee56fad65abce8eff805af06e9b974d1350d4e8693/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f636f6d6679636f646572732f6c61726176656c2d7675652d7461626c652d6275696c6465722f6669782d7068702d636f64652d7374796c652d6973737565732e796d6c3f6272616e63683d6d61696e266c6162656c3d636f64652532307374796c65267374796c653d666c61742d737175617265)](https://github.com/comfycoders/laravel-vue-table-builder/actions?query=workflow%3A%22Fix+PHP+code+style+issues%22+branch%3Amain)[![Total Downloads](https://camo.githubusercontent.com/6de94ed8fd1cb5a5e02a54089942fc3b692b1ca222c24bb370eddc028b5ed0a5/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f636f6d6679636f646572732f6c61726176656c2d7675652d7461626c652d6275696c6465722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/comfycoders/laravel-vue-table-builder) A powerful and flexible table builder package for Laravel with Vue 3, Inertia.js, and shadcn-vue components. Installation ------------ [](#installation) You can install the package via composer: ``` composer require tranquil-tools/laravel-vue-table-builder ``` Install the required npm packages: ``` npm install reka-ui lucide-vue-next ``` Alter your `vite.config.ts` to add an `@table-builder` alias: ``` import { defineConfig } from 'vite'; import path from 'path'; export default defineConfig({ plugins: [ // ... ], resolve: { alias: { // Add this: '@table-builder': path.resolve(__dirname, 'vendor/tranquil-tools/laravel-vue-table-builder/resources/js'), }, }, }); ``` You can publish the config file with: ``` php artisan vendor:publish --tag="vue-table-builder-config" ``` The content of the published config can be viewed [here](./config/vue-table-builder.php). Usage ----- [](#usage) ### Backend (Laravel) [](#backend-laravel) Create a table class: ``` use App\Models\User; use Illuminate\Database\Eloquent\Builder; use TranquilTools\TableBuilder\AbstractTable; use TranquilTools\TableBuilder\TableBuilder; class UsersTable extends AbstractTable { public function for(): Builder { return User::query(); } public function configure(TableBuilder $table) { $table ->defaultSort('name') ->withGlobalSearch(columns: ['name', 'email']) ->column('id', 'ID') ->column('name', 'Name', sortable: true) ->column('email', 'Email', sortable: true) ->column('created_at', 'Created', sortable: true) ->paginate(25); } } ``` In your controller: ``` use Inertia\Inertia; public function index() { return Inertia::render('Users/Index', [ 'table' => \App\Tables\UsersTable::build(), ]); } ``` ### Frontend (Vue) [](#frontend-vue) Import the TableBuilder component: ``` import { TableBuilder } from '@/components' import type { TableData } from '@/types/table-builder' defineProps() Users ``` ### Features [](#features) - 🎨 Beautiful UI with shadcn-vue table components - 🔍 Sortable columns with visual indicators - 📄 Pagination with Inertia.js optimization - 🎯 Nested relationship support (e.g., `user.company.name`) - 🚀 Built with TypeScript for type safety - ⚡ Optimized navigation with preserve-state and preserve-scroll - 📱 Fully responsive design Changelog --------- [](#changelog) Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently. Credits ------- [](#credits) - [ComfyCoders B.V.](https://comfycoders.nl) License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 46 — FairBetter than 92% of packages Maintenance98 Actively maintained with recent releases Popularity3 Limited adoption so far Community21 Small or concentrated contributor base Maturity58 Maturing project, gaining track record Bus Factor1 Top contributor holds 56.8% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~12 days Total 15 Last Release 13d ago Major Versions 0.9 → 1.0.02026-04-08 ### Community Maintainers ![](https://avatars.githubusercontent.com/u/262353729?v=4)[ComfyCoders BV](/maintainers/comfycoders-development)[@comfycoders-development](https://github.com/comfycoders-development) --- Top Contributors [![freekmurze](https://avatars.githubusercontent.com/u/483853?v=4)](https://github.com/freekmurze "freekmurze (378 commits)")[![mvdnbrk](https://avatars.githubusercontent.com/u/802681?v=4)](https://github.com/mvdnbrk "mvdnbrk (46 commits)")[![J87NL](https://avatars.githubusercontent.com/u/16107428?v=4)](https://github.com/J87NL "J87NL (32 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (28 commits)")[![Nielsvanpach](https://avatars.githubusercontent.com/u/10651054?v=4)](https://github.com/Nielsvanpach "Nielsvanpach (23 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (19 commits)")[![pforret](https://avatars.githubusercontent.com/u/474312?v=4)](https://github.com/pforret "pforret (16 commits)")[![sebastiandedeyne](https://avatars.githubusercontent.com/u/1561079?v=4)](https://github.com/sebastiandedeyne "sebastiandedeyne (14 commits)")[![AlexVanderbist](https://avatars.githubusercontent.com/u/6287961?v=4)](https://github.com/AlexVanderbist "AlexVanderbist (12 commits)")[![comfyarno](https://avatars.githubusercontent.com/u/192690326?v=4)](https://github.com/comfyarno "comfyarno (11 commits)")[![patinthehat](https://avatars.githubusercontent.com/u/5508707?v=4)](https://github.com/patinthehat "patinthehat (10 commits)")[![riasvdv](https://avatars.githubusercontent.com/u/3626559?v=4)](https://github.com/riasvdv "riasvdv (10 commits)")[![AdrianMrn](https://avatars.githubusercontent.com/u/12762044?v=4)](https://github.com/AdrianMrn "AdrianMrn (8 commits)")[![crynobone](https://avatars.githubusercontent.com/u/172966?v=4)](https://github.com/crynobone "crynobone (8 commits)")[![irfanm96](https://avatars.githubusercontent.com/u/42065936?v=4)](https://github.com/irfanm96 "irfanm96 (5 commits)")[![thecaliskan](https://avatars.githubusercontent.com/u/13554944?v=4)](https://github.com/thecaliskan "thecaliskan (5 commits)")[![IGedeon](https://avatars.githubusercontent.com/u/694313?v=4)](https://github.com/IGedeon "IGedeon (4 commits)")[![yaroslawww](https://avatars.githubusercontent.com/u/23663794?v=4)](https://github.com/yaroslawww "yaroslawww (3 commits)")[![jessarcher](https://avatars.githubusercontent.com/u/4977161?v=4)](https://github.com/jessarcher "jessarcher (3 commits)")[![koossaayy](https://avatars.githubusercontent.com/u/6431084?v=4)](https://github.com/koossaayy "koossaayy (3 commits)") --- Tags laravelComfyCoders BVlaravel-vue-table-builder ### Code Quality TestsPest Static AnalysisPHPStan Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/tranquil-tools-laravel-vue-table-builder/health.svg) ``` [![Health](https://phpackages.com/badges/tranquil-tools-laravel-vue-table-builder/health.svg)](https://phpackages.com/packages/tranquil-tools-laravel-vue-table-builder) ``` ### Alternatives [spatie/laravel-data Create unified resources and data transfer objects 1.8k33.0M871](/packages/spatie-laravel-data)[spatie/laravel-pdf Create PDFs in Laravel apps 1.0k4.3M41](/packages/spatie-laravel-pdf)[codewithdennis/filament-select-tree The multi-level select field enables you to make single selections from a predefined list of options that are organized into multiple levels or depths. 328482.0k25](/packages/codewithdennis-filament-select-tree)[nativephp/desktop NativePHP for Desktop 37833.6k8](/packages/nativephp-desktop)[worksome/exchange Check Exchange Rates for any currency in Laravel. 124581.3k](/packages/worksome-exchange)[rawilk/profile-filament-plugin Profile & MFA starter kit for filament. 3913.7k](/packages/rawilk-profile-filament-plugin) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)