PHPackages                             jamesdordoy/laravelvuedatatable - 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. jamesdordoy/laravelvuedatatable

AbandonedArchivedLibrary[Utility & Helpers](/categories/utility)

jamesdordoy/laravelvuedatatable
===============================

1.3.8(5y ago)48175.4k↓21.3%15[1 issues](https://github.com/jamesdordoy/Laravel-Vue-Datatable_Laravel-Package/issues)PHP

Since Apr 25Pushed 4y ago4 watchersCompare

[ Source](https://github.com/jamesdordoy/Laravel-Vue-Datatable_Laravel-Package)[ Packagist](https://packagist.org/packages/jamesdordoy/laravelvuedatatable)[ GitHub Sponsors](https://github.com/jamesdordoy)[ RSS](/packages/jamesdordoy-laravelvuedatatable/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (10)Dependencies (2)Versions (24)Used By (0)

Laravel Vue Datatable
=====================

[](#laravel-vue-datatable)

A Vue.js Datatable Component for Laravel that works with Bootstrap.

Requirements
------------

[](#requirements)

- [Vue.js](https://vuejs.org/) 2.x
- [Laravel](http://laravel.com/docs/) 5.x
- [Bootstrap](http://getbootstrap.com/) 4 (Optional)

This package makes use of an optional default component, the [Laravel Vue Pagination](https://github.com/gilbitron/laravel-vue-pagination) component created by [gilbitron](https://github.com/gilbitron). If you need a pagination component for other areas of your website and you are using a Laravel API & Bootstrap, i highly suggest using this flexible component.

Demo
----

[](#demo)

See

Table of Contents
-----------------

[](#table-of-contents)

- [Example](#example)
- [Package Installation](#package-installation)
    - [Add Service Provider](#add-service-provider)
    - [Publish the Config](#publish-the-config)
        - [Package Options](#package-options)
    - [Use the Trait](#use-the-trait)
    - [Use the Controller Resource](#use-the-controller-resource)
- [Component Installation](#component-installation)

Example
-------

[](#example)

[![Image description](https://camo.githubusercontent.com/8e8a4cfb1d3041ce025b094c680e547f827291b62b8477ad47d2ead2eee444bf/68747470733a2f2f7777772e6a616d6573646f72646f792e636f2e756b2f696d616765732f70726f6a656374732f626f6f7473747261702d646174617461626c652e706e673f613d61)](https://camo.githubusercontent.com/8e8a4cfb1d3041ce025b094c680e547f827291b62b8477ad47d2ead2eee444bf/68747470733a2f2f7777772e6a616d6573646f72646f792e636f2e756b2f696d616765732f70726f6a656374732f626f6f7473747261702d646174617461626c652e706e673f613d61)

Package Installation
--------------------

[](#package-installation)

```
$ composer require jamesdordoy/laravelvuedatatable

```

### Add Service Provider

[](#add-service-provider)

```
JamesDordoy\LaravelVueDatatable\Providers\LaravelVueDatatableServiceProvider::class,

```

### Publish the Config

[](#publish-the-config)

```
$ php artisan vendor:publish --provider="JamesDordoy\LaravelVueDatatable\Providers\LaravelVueDatatableServiceProvider"

```

#### Package Options

[](#package-options)

```
[
    'models' => [
        "alias" => "as",
        "search_term" => "searchable",
        "order_term" => "orderable",
    ],
    "default_order_by" => "id"
]
```

### Use the Trait

[](#use-the-trait)

This trait is optional and simply provides a basic method for filtering your data based on the $dataTableColumns attribute set in the model. If you would like more control on how the data is filtered, feel free to omit this trait use your own filtering methods. Just remember to paginate the results!

```