PHPackages                             yajra/laravel-datatables-ui - 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. yajra/laravel-datatables-ui

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

yajra/laravel-datatables-ui
===========================

Laravel DataTables UI Preset

v0.3.0(5y ago)10181MITPHP

Since Jun 18Pushed 5y ago1 watchersCompare

[ Source](https://github.com/yajra/laravel-datatables-ui)[ Packagist](https://packagist.org/packages/yajra/laravel-datatables-ui)[ Docs](https://github.com/yajra/laravel-datatables-ui)[ Fund](https://www.paypal.me/yajra)[ GitHub Sponsors](https://github.com/yajra)[ RSS](/packages/yajra-laravel-datatables-ui/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (2)Versions (4)Used By (0)

Laravel DataTables UI Preset
============================

[](#laravel-datatables-ui-preset)

[![Latest Version on Packagist](https://camo.githubusercontent.com/e831083dae338f741347b62ebd3ef6ac653d53d365c72a37984967096e416a56/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f79616a72612f6c61726176656c2d646174617461626c65732d75692e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/yajra/laravel-datatables-ui)[![Total Downloads](https://camo.githubusercontent.com/ec0a00cfe3c09b680c8534c50c7a23591433f4c69c972638f1cfb5f9eddb466f/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f79616a72612f6c61726176656c2d646174617461626c65732d75692e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/yajra/laravel-datatables-ui)

Laravel DataTables UI Preset to setup most of the scripts and css required for a DataTables powered projects.

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

[](#installation)

You can install the package via composer:

```
composer require yajra/laravel-datatables-ui
```

Usage
-----

[](#usage)

Once the package has been installed, you may install the frontend scaffolding using the ui Artisan command:

```
// Generate basic scaffolding...
php artisan ui dt

// Generate login / registration scaffolding...
php artisan ui dt --auth
```

Usage with DataTables Editor
----------------------------

[](#usage-with-datatables-editor)

If you have license and want to use Editor, you need to setup the following:

1. Enable editor library on `bootstrap.js`

```
require('datatables.net-editor-bs4');
```

2. Use `laravel-datatables-assets` package instead of `buttons.server-side.js` script on `app.js`.

```
//require('./vendor/buttons.server-side');
require('laravel-datatables-assets/js/dataTables.buttons');
```

3. Add `postinstall` script on package,json

```
    "scripts": {
        "dev": "npm run development",
        ...,
        "postinstall": "node ./node_modules/datatables.net-editor/install.js ./Editor.zip"
    },
```

4. Download your copy of Editor Library JS + CSS file and save as `Editor.zip`.
5. Move `Editor.zip` to your project base directory.
6. Run `npm install && npm run dev` to compile changes.

Blade Directive @dataTable
--------------------------

[](#blade-directive-datatable)

To use `@dataTable` blade directive, you need to firt setup the following on your layout file.

1. Include `app.css` on your layout.
2. Include `app.js` on your layout.
3. Add `@stack('scripts')` after `app.js` script include.

### Example layout & page

[](#example-layout--page)

**resources/views/layouts/app.php**

```
DOCTYPE html>

    Laravel

    @yield('content')

    @stack('scripts')

```

Create your dataTables class. See  for details.

On your view:

```
@extends('layouts.app')

@section('content')
@dataTable
@endsection
```

Changelog
---------

[](#changelog)

Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.

Contributing
------------

[](#contributing)

Please see [CONTRIBUTING](CONTRIBUTING.md) for details.

Security
--------

[](#security)

If you discover any security related issues, please email  instead of using the issue tracker.

Credits
-------

[](#credits)

- [Arjay Q. Angeles](https://github.com/yajra)
- [All Contributors](../../contributors)

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

###  Health Score

25

—

LowBetter than 37% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity17

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity47

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 ~3 days

Total

3

Last Release

2148d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/8c245d1effe6022f9f09b2e8b9cce26743de03a64d612cea4ce9885560d7c0b2?d=identicon)[yajra](/maintainers/yajra)

---

Top Contributors

[![yajra](https://avatars.githubusercontent.com/u/2687997?v=4)](https://github.com/yajra "yajra (24 commits)")

---

Tags

datatableslaravelpresetyajralaravel-datatables-ui

### Embed Badge

![Health badge](/badges/yajra-laravel-datatables-ui/health.svg)

```
[![Health](https://phpackages.com/badges/yajra-laravel-datatables-ui/health.svg)](https://phpackages.com/packages/yajra-laravel-datatables-ui)
```

###  Alternatives

[yajra/laravel-datatables-oracle

jQuery DataTables API for Laravel

4.9k33.8M339](/packages/yajra-laravel-datatables-oracle)[grumpydictator/firefly-iii

Firefly III: a personal finances manager.

22.8k69.3k](/packages/grumpydictator-firefly-iii)[yajra/laravel-datatables-html

Laravel DataTables HTML builder plugin

2899.6M48](/packages/yajra-laravel-datatables-html)[laravel-frontend-presets/tailwindcss

Laravel frontend preset for Tailwind CSS

1.1k405.6k6](/packages/laravel-frontend-presets-tailwindcss)[yajra/laravel-datatables

Laravel DataTables Complete Package.

1035.8M52](/packages/yajra-laravel-datatables)[cretueusebiu/laravel-vue-spa

A Laravel-Vue SPA starter project template.

3.0k18.8k](/packages/cretueusebiu-laravel-vue-spa)

PHPackages © 2026

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