PHPackages valluminarias/laravuetable - 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. valluminarias/laravuetable ActiveLibrary valluminarias/laravuetable ========================== Vuetable laravel backend package 1.2(5y ago)144MITPHPPHP >=7.2CI failing Since Sep 25Pushed 5y ago1 watchersCompare [ Source](https://github.com/valluminarias/laravuetable)[ Packagist](https://packagist.org/packages/valluminarias/laravuetable)[ RSS](/packages/valluminarias-laravuetable/feed)WikiDiscussions master Synced today READMEChangelogDependencies (2)Versions (4)Used By (0) Laravel Vuetable (Laravel 6 Package) ==================================== [](#laravel-vuetable-laravel-6-package) This package is the backend component that can work with the [Vuetable component](https://github.com/ratiw/vuetable-2). Installation ------------ [](#installation) 1. Run the composer require command from your terminal: ``` composer require "santigarcor/laravel-vuetable:0.0.*" ``` 2. If you have disabled the package discovery in your `config/app.php`: - In the providers array add: ``` Vuetable\VuetableServiceProvider::class, ``` - In the aliases array add: ``` 'Vuetable' => Vuetable\VuetableFacade::class, ``` Usage ----- [](#usage) Your request to the controller should have this data: ``` { sort: '', // column_name|asc or column_name|desc page: 1, per_page: 10, searchable: [ // This array should have the names of the columns in the database ], filter: '' //The text that is going to be used to filter the data } ``` So for example lets create the table for the users with their companies. Then in the javascript we should have: ``` data = { sort: 'users.name|asc', page: 1, per_page: 10, searchable: [ // This means the 'users.name', 'users.email' and 'companies.name' columns can be filtered through the 'filter' attribute in the data. 'users.name', 'users.email', 'companies.name', ] } axios.get('http://url.com/users-with-companies', data) ``` In Controller we can provide Eloquent: ``` class UsersDataController extends Controller { public function index() { $query = User::select([ 'users.id', 'users.name', 'users.email', 'companies.name as company', 'companies.company_id' ]) ->leftJoin('companies', 'users.company_id', '=', 'companies.id'); return Vuetable::of($query) ->editColumn('company', function ($user) { if ($user->company) { return $user->company; } return '-'; }) ->addColumn('urls', function ($user) { return [ 'edit' => route('users.edit', $user->id), 'delete' => route('users.destroy', $user->id), ]; }) ->make(); } } ``` Or Collection ``` class UsersDataController extends Controller { public function index() { $query = new Collection([ ['name' => 'John Doe', 'email' => 'john@mail.com'], ['name' => 'Jane Doe', 'email' => 'jane@mail.com'], ['name' => 'Test John', 'email' => 'test@mail.com'] ]); return Vuetable::of($query) ->editColumn('name', function ($user) { return Str::lower($user['name']); }) ->addColumn('urls', function ($user) { return [ 'edit' => route('users.edit', $user['id']), 'delete' => route('users.destroy', $user['id']), ]; }) ->make(); } } ``` This controller is going to return: ``` { "current_page": 1, "from": 1, "to": 10, "total": 150, "per_page": 10, "last_page": 15, "first_page_url": "http://url.com/users-with-companies?page=1", "last_page_url": "http://url.com/users-with-companies?page=15", "next_page_url": "http://url.com/users-with-companies?page=2", "prev_page_url": null, "path": "http://url.com/users-with-companies", "data": [ { "id": 1, "name": "Administrator", "email": "administrator@app.com", "company": "-", "company_id": null, "urls": { "edit": "http://url.com//users/1/edit", "delete": "http://url.com//users/1" }, }, { "id": 2, "name": "Company Administrator", "email": "company_administrator@app.com", "company": "-", "company_id": null, "urls": { "edit": "http://url.com//users/2/edit", "delete": "http://url.com//users/2" }, ... } ], } ``` What does Laravel Vuetable support? ----------------------------------- [](#what-does-laravel-vuetable-support) Using the Eloquent Builder you can: - Filter/Sort by model columns. - Make joins and filter/sort by them. - Define the length of the pagination. - Add columns. - Edit columns (if the column has a cast defined, it doesn't work). Using the Collection you can: - Filter/Sort by model columns. - Define the length of the pagination. - Add columns. - Edit columns. License ------- [](#license) Laravel Vuetable is open-sourced software licensed under the [MIT license](http://opensource.org/licenses/MIT). Contributing ------------ [](#contributing) Please report any issue you find in the issues page. Pull requests are more than welcome. ### Health Score 25 — LowBetter than 37% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity9 Limited adoption so far Community7 Small or concentrated contributor base Maturity55 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% 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 ~267 days Total 3 Last Release 1883d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/ca94f67b8111953f4a591814d95146d2422befa4e589954bc446793e7e1f9c4b?d=identicon)[valluminarias](/maintainers/valluminarias) --- Top Contributors [![valluminarias](https://avatars.githubusercontent.com/u/8232426?v=4)](https://github.com/valluminarias "valluminarias (5 commits)") --- Tags laraveltablevuevuetable ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/valluminarias-laravuetable/health.svg) ``` [![Health](https://phpackages.com/badges/valluminarias-laravuetable/health.svg)](https://phpackages.com/packages/valluminarias-laravuetable) ``` ### Alternatives [santigarcor/laravel-vuetable Vuetable laravel backend package 2750.3k](/packages/santigarcor-laravel-vuetable)[ramonrietdijk/livewire-tables Dynamic tables for models with Laravel Livewire 21147.4k](/packages/ramonrietdijk-livewire-tables)[kompo/kompo Laravel & Vue.js FullStack Components for Rapid Application Development 11812.4k21](/packages/kompo-kompo)[awes-io/table-builder A component that allows creating responsive HTML tables or lists from data object 4726.1k4](/packages/awes-io-table-builder)[assurrussa/grid-view-table Mini grid view table for laravel. 106.4k](/packages/assurrussa-grid-view-table)[itstructure/laravel-grid-view Grid view for laravel framework 2546.6k2](/packages/itstructure-laravel-grid-view) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)