PHPackages                             modus-digital/livewire-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. modus-digital/livewire-datatables

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

modus-digital/livewire-datatables
=================================

Reusable Laravel Livewire datatable for the TALL stack—Tailwind-styled, concern-driven (columns, filters, sorting, pagination, row actions), fully testable with Pest & Larastan-ready.

2.0.2(7mo ago)1537[5 PRs](https://github.com/modus-digital/livewire-datatables/pulls)MITPHPPHP ^8.3CI passing

Since Jun 3Pushed 1mo agoCompare

[ Source](https://github.com/modus-digital/livewire-datatables)[ Packagist](https://packagist.org/packages/modus-digital/livewire-datatables)[ Docs](https://github.com/modus-digital/livewire-datatables)[ GitHub Sponsors](https://github.com/modus-digital)[ RSS](/packages/modus-digital-livewire-datatables/feed)WikiDiscussions 2.x Synced 1mo ago

READMEChangelog (10)Dependencies (13)Versions (23)Used By (0)

Livewire Datatables
===================

[](#livewire-datatables)

[![](./art/banner.png)](./art/banner.png)

 [ ![Latest Version on Packagist](https://camo.githubusercontent.com/1c97238837ce027cd0e3681fc12b8014522702f8736e9a3908387296acd03afb/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6d6f6475732d6469676974616c2f6c697665776972652d646174617461626c65732e7376673f7374796c653d666c61742d737175617265) ](https://packagist.org/packages/modus-digital/livewire-datatables) [ ![GitHub Tests Action Status](https://camo.githubusercontent.com/761680633717a3eb5f42f64e509b9dbf622f4119f37af6e2a38e2834b261dc48/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6d6f6475732d6469676974616c2f6c697665776972652d646174617461626c65732f72756e2d74657374732e796d6c3f6272616e63683d6d61696e266c6162656c3d7465737473267374796c653d666c61742d737175617265) ](https://github.com/modus-digital/livewire-datatables/actions?query=workflow%3Arun-tests+branch%3Amain) [ ![GitHub Code Style Action Status](https://camo.githubusercontent.com/f15f551a1e389ff187f5d292f80b670a6070356539a9307c7a67382a58459e56/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6d6f6475732d6469676974616c2f6c697665776972652d646174617461626c65732f6669782d7068702d636f64652d7374796c652d6973737565732e796d6c3f6272616e63683d6d61696e266c6162656c3d636f64652532307374796c65267374796c653d666c61742d737175617265) ](https://github.com/modus-digital/livewire-datatables/actions?query=workflow%3A%22Fix+PHP+code+style+issues%22+branch%3Amain) [ ![Total Downloads](https://camo.githubusercontent.com/a212b5c8566286d4a82ae5585c90e05faaf0f9071bd3fc6212bac525ab3fd146/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6d6f6475732d6469676974616c2f6c697665776972652d646174617461626c65732e7376673f7374796c653d666c61742d737175617265) ](https://packagist.org/packages/modus-digital/livewire-datatables)

A modern, feature-rich **Livewire Datatable** component for the TALL stack (Tailwind CSS, Alpine.js, Laravel, Livewire). Built with modularity, performance, and developer experience in mind.

✨ Features
----------

[](#-features)

- 🎨 **Beautiful Tailwind CSS styling** with dark mode support
- 🔍 **Global search** with debounced input and relationship support
- 🗂️ **Advanced filtering** with multiple filter types (Text, Select, Date)
- 📊 **Column sorting** with visual indicators and custom sort fields
- 📄 **Pagination** with customizable page sizes and navigation
- ✅ **Row selection** with bulk actions and "select all" functionality
- 🎯 **Row actions** with customizable buttons and callbacks
- 🖼️ **Multiple column types** (Text, Icon, Image) with specialized features
- 🏷️ **Badge support** with dynamic colors and callbacks
- 🔗 **Clickable rows** with custom handlers
- 🔭 **Custom cell views** for complex content rendering
- 🚀 **Performance optimized** with efficient querying

📋 Requirements
--------------

[](#-requirements)

RequirementVersion**PHP**`^8.3`**Laravel**`^11.0` or `^12.0`**Livewire**`^3.0`**Tailwind CSS**`^4.0`**Alpine.js**`^3.0`📦 Installation
--------------

[](#-installation)

Install the package via Composer:

```
composer require modus-digital/livewire-datatables
```

The package will automatically register its service provider.

### Publishing Views (Optional)

[](#publishing-views-optional)

To customize the table appearance, publish the views:

```
php artisan vendor:publish --tag="livewire-datatables-views"
```

This publishes all Blade templates to `resources/views/vendor/livewire-datatables/`.

### Publishing Config (Optional)

[](#publishing-config-optional)

To customize the package, you can publish the config file:

```
php artisan vendor:publish --tag="livewire-datatables-config"
```

This publishes a config file to `config/livewire-datatables.php`

### Source frontend styles

[](#source-frontend-styles)

To automatically source the frontend using tailwind, include the following files to the `app.css`

```
@source '../../vendor/modus-digital/livewire-datatables/resources/**/*.blade.php';
@source '../../vendor/modus-digital/livewire-datatables/src/**/*.php';
```

🚀 Quick Start
-------------

[](#-quick-start)

### 1. Generate a Table Component

[](#1-generate-a-table-component)

Use the built-in Artisan command to scaffold a new table:

```
php artisan make:table UsersTable --model=App\\Models\\User
```

Or create one manually:

```