PHPackages santigarcor/laravel-vuetable - 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. santigarcor/laravel-vuetable ActiveLibrary[Utility & Helpers](/categories/utility) santigarcor/laravel-vuetable ============================ Vuetable laravel backend package 1.1.0(5y ago)2750.3k6MITPHPPHP >=7.2.5 Since Oct 5Pushed 5y ago2 watchersCompare [ Source](https://github.com/santigarcor/laravel-vuetable)[ Packagist](https://packagist.org/packages/santigarcor/laravel-vuetable)[ RSS](/packages/santigarcor-laravel-vuetable/feed)WikiDiscussions master Synced 1mo ago READMEChangelog (5)Dependencies (6)Versions (9)Used By (0) Laravel Vuetable (Laravel 8.x/7.x/6.x/5.x Package) ================================================== [](#laravel-vuetable-laravel-8x7x6x5x-package) [![Build Status](https://camo.githubusercontent.com/e94fa5a520f1eb3762b6871b3d1889b439f09d8569305f14bc48486040eb5488/68747470733a2f2f7472617669732d63692e6f72672f73616e7469676172636f722f6c61726176656c2d7675657461626c652e7376673f6272616e63683d6d6173746572)](https://travis-ci.org/santigarcor/laravel-vuetable)[![Latest Stable Version](https://camo.githubusercontent.com/5c0038a2c8b3fa3e8d1e3d89645d6befbd53091a794471476f3387ef7a8e1d82/68747470733a2f2f706f7365722e707567782e6f72672f73616e7469676172636f722f6c61726176656c2d7675657461626c652f762f737461626c65)](https://packagist.org/packages/santigarcor/laravel-vuetable)[![Total Downloads](https://camo.githubusercontent.com/a52d8a3d8e4c7521f5d4139b266f60879b8cad233e2b5987bf40ad78d5d85456/68747470733a2f2f706f7365722e707567782e6f72672f73616e7469676172636f722f6c61726176656c2d7675657461626c652f646f776e6c6f616473)](https://packagist.org/packages/santigarcor/laravel-vuetable)[![StyleCI](https://camo.githubusercontent.com/2f39a8cca4ab55012ca715d0d310e458b5fc56bbfcdff303f05f25236666b893/68747470733a2f2f7374796c6563692e696f2f7265706f732f39393032373432332f736869656c643f6272616e63683d6d6173746572)](https://styleci.io/repos/99027423)[![License](https://camo.githubusercontent.com/283390996e552176e9710c505ed7fcb1c73ffdeeccc41abbce352d510731d6c0/68747470733a2f2f706f7365722e707567782e6f72672f73616e7469676172636f722f6c61726176656c2d7675657461626c652f6c6963656e7365)](https://packagist.org/packages/santigarcor/laravel-vuetable) Laravel Vuetable is the backend component that can work with the [Vuetable component](https://github.com/ratiw/vuetable-2). The latest release requires [PHP](https://php.net) 7.2.5-7.4 and supports Laravel 5.7, 5.8, 6.\* ,7.\* and 8.\* Laravel VuetableL5.4L5.5L5.6L5.7L5.8L6L7L8< 1.0✔️✔️✔️✔️✔️❌❌❌> 1.0❌❌❌✔️✔️✔️✔️✔️Installation ------------ [](#installation) 1. Run the composer require command from your terminal: ``` composer require "santigarcor/laravel-vuetable" ``` 2. If you laravel version not supported the package discovery, set 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 } ``` You can also specify the sorting order using the "order" attribute (required by ): ``` { sort: '', // column_name order: '', // asc or desc } ``` 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 38 — LowBetter than 85% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity38 Limited adoption so far Community15 Small or concentrated contributor base Maturity63 Established project with proven stability Bus Factor1 Top contributor holds 60.5% 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 ~178 days Recently: every ~95 days Total 8 Last Release 1890d ago Major Versions 0.1.2 → 1.0.02020-06-04 PHP version history (3 changes)0.0.1PHP >=7.0 0.1.1PHP >=7.1 1.0.0PHP >=7.2.5 ### Community Maintainers ![](https://www.gravatar.com/avatar/9ccc5e42b3e29df199a8b2b4d60415f4f75fc16ee7dc90830b5a34c6e37ebf30?d=identicon)[santigarcor](/maintainers/santigarcor) --- Top Contributors [![santigarcor](https://avatars.githubusercontent.com/u/7565417?v=4)](https://github.com/santigarcor "santigarcor (23 commits)")[![biscofil](https://avatars.githubusercontent.com/u/1677625?v=4)](https://github.com/biscofil "biscofil (8 commits)")[![pingwiniasty](https://avatars.githubusercontent.com/u/14076845?v=4)](https://github.com/pingwiniasty "pingwiniasty (5 commits)")[![a21ns1g4ts](https://avatars.githubusercontent.com/u/11599205?v=4)](https://github.com/a21ns1g4ts "a21ns1g4ts (2 commits)") --- Tags datatablelaraveltablevuevuetablelaraveltablevuevuetable ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/santigarcor-laravel-vuetable/health.svg) ``` [![Health](https://phpackages.com/badges/santigarcor-laravel-vuetable/health.svg)](https://phpackages.com/packages/santigarcor-laravel-vuetable) ``` ### Alternatives [yajra/laravel-datatables-oracle jQuery DataTables API for Laravel 4.9k33.8M339](/packages/yajra-laravel-datatables-oracle)[barryvdh/laravel-ide-helper Laravel IDE Helper, generates correct PHPDocs for all Facade classes, to improve auto-completion. 14.9k123.0M687](/packages/barryvdh-laravel-ide-helper)[spatie/laravel-enum Laravel Enum support 3655.4M31](/packages/spatie-laravel-enum)[psalm/plugin-laravel Psalm plugin for Laravel 3274.9M308](/packages/psalm-plugin-laravel)[datomatic/nova-enum-field A Laravel Nova PHP 8.1 enum field with filters 20134.2k](/packages/datomatic-nova-enum-field)[aedart/athenaeum Athenaeum is a mono repository; a collection of various PHP packages 255.2k](/packages/aedart-athenaeum) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)