PHPackages                             shaungoh01/open-inertia-datatable-laravel - 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. shaungoh01/open-inertia-datatable-laravel

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

shaungoh01/open-inertia-datatable-laravel
=========================================

A simple Laravel 5/6/7/8 service provider for building datatable for inertiaJS.

01Vue

Since Jan 17Pushed 4y ago1 watchersCompare

[ Source](https://github.com/shaungoh01/open-inertia-datatable-laravel)[ Packagist](https://packagist.org/packages/shaungoh01/open-inertia-datatable-laravel)[ RSS](/packages/shaungoh01-open-inertia-datatable-laravel/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependenciesVersions (1)Used By (0)

The Lorry Email Driver For Laravel
==================================

[](#the-lorry-email-driver-for-laravel)

Installation
------------

[](#installation)

Installing via composer

```
composer require shaungoh01/open-inertia-datatable-laravel
```

Publishing VueJs table Component

```
php artisan vendor:publish --tag=datatable-vuejs
```

Instruction to use
------------------

[](#instruction-to-use)

There is 2 part, 1st is to build proper datatable query using datatable() in a query builder like:

```
$users = User::datatable()->paginate(50);
```

You should pass the result to front-end and the second part is to use the paginate result in front-end. We can start by imoprting the datatable that we publish earlier

```
import Datatable from '@/InertiaDatatable/Datatable.vue'

export default defineComponent({
    ...
    components: {
        Datatable,
    },
})
```

Make sure the datatable result is pass to front-end

```
props: {
    users:{
        type: Object
    },
},
```

Now we need to declare an array for header. This is so that we can easily show what column we want in the table

```
data(){
    return {
        headers:[
            {
                display:"Id",
                column:"id"
            },
            {
                display:"Email",
                column:"email"
            }
        ]
    }
},
```

After All of this, we can simply just use the datatable html tag by

```

```

###  Health Score

14

—

LowBetter than 2% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity1

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity27

Early-stage or recently created project

 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.

### Community

Maintainers

![](https://www.gravatar.com/avatar/d0c3623c50b13d7fb6ac595d7f0b110546274f9824353a7f829e2f7a3823ae02?d=identicon)[shaungoh01](/maintainers/shaungoh01)

---

Top Contributors

[![shaungoh01](https://avatars.githubusercontent.com/u/10116361?v=4)](https://github.com/shaungoh01 "shaungoh01 (5 commits)")

### Embed Badge

![Health badge](/badges/shaungoh01-open-inertia-datatable-laravel/health.svg)

```
[![Health](https://phpackages.com/badges/shaungoh01-open-inertia-datatable-laravel/health.svg)](https://phpackages.com/packages/shaungoh01-open-inertia-datatable-laravel)
```

###  Alternatives

[osm/sitemap-php

Fast and lightweight library for generating Google sitemap XML files and index of sitemaps

30313.3k](/packages/osm-sitemap-php)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)