PHPackages                             squipix/tailwind-datatables - 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. squipix/tailwind-datatables

ActiveLaravel-package[Utility & Helpers](/categories/utility)

squipix/tailwind-datatables
===========================

Yajra DataTables integration with Tailwind CSS and Alpine.js for Laravel projects.

1.0.0(1mo ago)05↓100%MITCSSPHP >=8.2.0CI passing

Since Mar 14Pushed 1mo agoCompare

[ Source](https://github.com/squipix/tailwind-datatables)[ Packagist](https://packagist.org/packages/squipix/tailwind-datatables)[ RSS](/packages/squipix-tailwind-datatables/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (1)Dependencies (7)Versions (2)Used By (0)

Squipix Laravel Tailwind DataTables Package
===========================================

[](#squipix-laravel-tailwind-datatables-package)

[![GitHub Workflow Status](https://camo.githubusercontent.com/62537bb12336df446ec61ace711d1254e7f450ce2eceb90aa3c3f69657221234/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f737175697069782f7461696c77696e642d646174617461626c65732f72756e2d74657374732e796d6c3f7374796c653d666c61742d737175617265)](https://github.com/squipix/tailwind-datatables/actions)[![Coverage Status](https://camo.githubusercontent.com/62537bb12336df446ec61ace711d1254e7f450ce2eceb90aa3c3f69657221234/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f737175697069782f7461696c77696e642d646174617461626c65732f72756e2d74657374732e796d6c3f7374796c653d666c61742d737175617265)](https://github.com/squipix/tailwind-datatables/actions)[![SensioLabs Insight](https://camo.githubusercontent.com/06ddb423f8d26bbe40079ee3babc7a33ad5ef36c5c34c7f670933696788c4167/68747470733a2f2f696d672e736869656c64732e696f2f73656e73696f6c6162732f692f64653033353364642d646631372d343635362d623963302d3165656139356161333061322e7376673f7374796c653d666c61742d737175617265)](https://insight.sensiolabs.com/projects/de0353dd-df17-4656-b9c0-1eea95aa30a2)[![GitHub Issues](https://camo.githubusercontent.com/b3e4c31825f9c1c1d30caf9a14f93b46a71b7649d8915e4285afdf866221863d/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6973737565732f737175697069782f7461696c77696e642d646174617461626c65732e7376673f7374796c653d666c61742d737175617265)](https://github.com/squipix/tailwind-datatables/issues)

[![Packagist](https://camo.githubusercontent.com/8cb4dcc48c5a02a24e0489bc210554a6c172922a02b5660fb9a3cb7ce95d6a43/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f7061636b6167652d737175697069782f7461696c77696e642d646174617461626c65732d626c75652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/squipix/tailwind-datatables)[![Packagist Release](https://camo.githubusercontent.com/7e9636b11dfd185ff82f33d0a772a399fd14432be7e9c6d78aae06e4c118a691/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f762f72656c656173652f737175697069782f7461696c77696e642d646174617461626c65732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/squipix/tailwind-datatables)[![Packagist Downloads](https://camo.githubusercontent.com/d43f6a8547e98a31097a1389079e1c7d79a6c7ed5bb8d9bed7d38595136e8183/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f737175697069782f7461696c77696e642d646174617461626c65732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/squipix/tailwind-datatables)

Quick Start Guides
------------------

[](#quick-start-guides)

For installation and detailed usage steps, please review the following guides:

- [Laravel Breeze Livewire Stack Setup](docs/en/setup-livewire.md)
- [Laravel Breeze Vue.js Stack Setup](docs/en/setup-vue.md)
- [Basic Usage and Configuration](docs/en/basic-usage.md)
- [Column Customization Examples](docs/en/column-customization.md)

You can follow these documents to better understand your package

A fully customizable package that seamlessly integrates the full power of Yajra DataTables with the modern Tailwind CSS and Alpine.js interface into your Laravel projects. Easily manage everything from server-side processing to rich column customization.

Features
--------

[](#features)

- **Seamless Integration:** Provides all core Yajra DataTables features (server-side processing, searching, pagination, sorting, buttons) with Tailwind CSS and Alpine.js.
- **Reusability:** A Composer package that can be easily integrated into Laravel projects.
- **Customizability:** Easily adapts to your own Tailwind configurations and theme colors.
- **Performance:** Maintains performance by preserving the existing Yajra infrastructure.
- **Backward Compatibility:** Easy and secure updates with versioning compliant with SemVer rules.
- **Easy Getting Started Experience:** Quickly start using with quick start guides and clear examples.
- **Rich Column Customization:** Easily apply visual enhancements like date formats, status badges, text truncation, and more.

Installation and Usage
----------------------

[](#installation-and-usage)

To add the package to your Laravel project via Composer:

```
composer require squipix/tailwind-datatables
```

### Configuration

[](#configuration)

You can publish the configuration file to modify the package's default settings:

```
php artisan vendor:publish --tag=squipix-tailwind-datatables-config
```

This command will copy the config/squipix-tailwind-datatables.php file to your project.

### Asset Publishing (If Needed)

[](#asset-publishing-if-needed)

To publish the package's CSS files to your project's resources/css directory (to include in your own Tailwind pipeline):

```
php artisan vendor:publish --tag=tailwind-datatables-css
```

This command will copy the published CSS files under resources/css. You will need to import these files in your own resources/css/app.css file. A separate publishing command is not required for JavaScript files; they can be imported directly from the vendor directory.

Example Projects
----------------

[](#example-projects)

You can examine our ready-to-use example projects to see how the package works with Livewire and Vue.js stacks. These projects are full-fledged Laravel applications demonstrating the installation and basic usage of the package.

### Running Example Projects

[](#running-example-projects)

Each example project manages its own dependencies and database.

1. **Clone the Main Package:**```
    git clone https://github.com/squipix/tailwind-datatables.git
    cd tailwind-datatables
    ```
2. **Run the Vue.js Example:**```
    cd examples/vue
    composer install         # Install dependencies (automatically links main package)
    npm install              # Install frontend dependencies
    cp .env.example .env     # Create .env file
    php artisan key:generate
    php artisan migrate:fresh --seed # Create database and seed data
    npm run dev              # Start Vite development server
    php artisan serve        # Start Laravel development server
    # Open http://localhost:8000/posts in your browser (or login)
    ```
3. **Run the Livewire example:**```
    cd ../livewire
    composer install
    npm install
    cp .env.example .env
    php artisan key:generate
    php artisan migrate:fresh --seed
    npm run dev
    php artisan serve
    # Open your Livewire page in the browser
    ```

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

[](#contributing)

Bug reports, feature requests, and code contributions are welcome. Please refer to the [Contributing Guide](CONTRIBUTING.md).

License
-------

[](#license)

The Squipix Laravel Tailwind DataTables package is released under the MIT License.

Credits
-------

[](#credits)

Inspired by [Stripe's idempotency implementation](https://stripe.com/docs/api/idempotent_requests).

- [SQUIPIX](https://github.com/squipix)
- [gorlabs](https://github.com/gorlabs)
- [All Contributors](https://github.com/squipix/tailwind-datatables/graphs/contributors)

Support
-------

[](#support)

For issues, questions, or contributions, please visit the [GitHub repository](https://github.com/squipix/tailwind-datatables).

###  Health Score

40

—

FairBetter than 87% of packages

Maintenance95

Actively maintained with recent releases

Popularity5

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity46

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

Unknown

Total

1

Last Release

56d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/1fee4c81050395e99aad4f79512dbed9370222eafa7d29ed95a6ef89bafad370?d=identicon)[anasnaguib](/maintainers/anasnaguib)

---

Top Contributors

[![anasnaguib](https://avatars.githubusercontent.com/u/3796556?v=4)](https://github.com/anasnaguib "anasnaguib (3 commits)")

###  Code Quality

TestsPest

### Embed Badge

![Health badge](/badges/squipix-tailwind-datatables/health.svg)

```
[![Health](https://phpackages.com/badges/squipix-tailwind-datatables/health.svg)](https://phpackages.com/packages/squipix-tailwind-datatables)
```

###  Alternatives

[barryvdh/laravel-ide-helper

Laravel IDE Helper, generates correct PHPDocs for all Facade classes, to improve auto-completion.

14.9k123.0M683](/packages/barryvdh-laravel-ide-helper)[yajra/laravel-datatables

Laravel DataTables Complete Package.

1035.8M51](/packages/yajra-laravel-datatables)[yajra/laravel-datatables-buttons

Laravel DataTables Buttons Plugin.

2629.1M54](/packages/yajra-laravel-datatables-buttons)[illuminate/pipeline

The Illuminate Pipeline package.

9446.6M210](/packages/illuminate-pipeline)[illuminate/pagination

The Illuminate Pagination package.

10532.5M857](/packages/illuminate-pagination)[spatie/laravel-mix-preload

Add preload and prefetch links based your Mix manifest

169176.0k2](/packages/spatie-laravel-mix-preload)

PHPackages © 2026

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