How do I make cells editable in Livewire Datatables?

Use the editable() method on a column, which leverages Alpine.js components for inline updates. Ensure the column name follows Laravel naming conventions and that Alpine.js is included, as shown in the editable columns section of the README.

Livewire Datatables vs other Laravel table packages like livewire-tables?

Livewire Datatables offers a more declarative, Laravel-centric API with features like complex query builders and bulk actions. However, being unmaintained, it may lack the community support and updates of active alternatives like those by coryrose1 or kdion4891.

Can I use Livewire Datatables without Tailwind CSS?

No, Tailwind CSS is a hard requirement because the published Blade views are styled with Tailwind. You can customize the views after publishing, but removing Tailwind entirely would require significant rework of the templates.

How to persist filters across page reloads?

Set $persistComplexQuery = true in your table class to use Alpine.js's $persist plugin for browser local storage. For database persistence, implement custom saveQuery and getSavedQueries methods as described in the complex query builder section.

Does Livewire Datatables support Laravel 10?

No, the README specifies compatibility only with Laravel 7, 8, or 9. Since the project is unmaintained, it is unlikely to receive updates for newer Laravel versions like 10 or 11.

How to customize the styling of tables?

Publish the Blade templates using php artisan vendor:publish, then modify the views in resources/livewire/datatables. You can also override styles via rowClasses and cellClasses methods, as detailed in the styling section.

Open-Awesome

Livewire Datatables

MITPHPv0.10.3

A Laravel Livewire package for building interactive, feature-rich datatables with sorting, filtering, and bulk actions.

Visit Website GitHub

1.2k stars257 forks0 contributors

What is Livewire Datatables?

Livewire Datatables is a Laravel package that creates advanced, interactive datatables using Livewire for reactivity. It allows developers to build feature-rich tables with sorting, filtering, column customization, bulk actions, and export functionality without writing custom JavaScript. It solves the problem of managing complex data displays in Laravel applications with a server-driven, component-based approach.

Target Audience

Laravel developers building admin panels, dashboards, or any interface requiring interactive data tables with server-side processing. It's especially useful for those already using Livewire and Tailwind CSS in their stack.

Value Proposition

Developers choose Livewire Datatables for its deep integration with Laravel and Livewire, offering a declarative API for complex table features while maintaining full control over styling and behavior through customizable Blade templates.

Overview

Advanced datatables using Laravel, Livewire, Tailwind CSS and Alpine JS

Use Cases

Best For

Building Laravel admin panels with interactive data grids
Creating dashboards that require complex filtering and sorting
Implementing bulk action workflows (e.g., mass updates, exports)
Displaying relational data with aggregated columns
Adding editable cells to tables without custom JavaScript
Exporting table data to multiple formats (CSV, Excel, HTML)

Not Ideal For

Projects using Laravel 10 or newer, as the package only supports up to Laravel 9
Teams requiring active maintenance and security updates, since the project is archived and unmaintained
Applications not already using Tailwind CSS and Alpine.js, due to hard dependencies in the published views
Simple data displays where basic HTML tables or lighter Livewire components would suffice without the overhead

Pros & Cons

Pros

Declarative Column API

Allows defining columns with filters, sorting, and formatting using fluent methods like Column::name()->filterable(), reducing JavaScript boilerplate as shown in the README examples.

Livewire-Powered Reactivity

Integrates seamlessly with Livewire for server-side updates, enabling interactive tables with features like sorting and filtering without writing custom JavaScript.

Advanced Query Builder

Includes a complex filter builder with drag-and-drop rules and persistence options, allowing users to save and load queries via browser storage or database.

Bulk Actions and Exports

Supports mass operations like editing and exporting to CSV, XLSX, or HTML formats with customizable styles, as detailed in the bulk action and export callback sections.

Cons

Archived and Unmaintained

The project is explicitly marked as unmaintained in the README, meaning no future bug fixes, security patches, or compatibility updates for newer Laravel versions.

Version and Dependency Lock-In

Only supports Laravel 7-9 and requires specific versions of Livewire, Tailwind, and Alpine.js, which can hinder adoption in modern or divergent tech stacks.

Complex Initial Setup

Requires publishing and customizing Blade views for styling, and careful CSS configuration to avoid flickers with Alpine.js, adding overhead for simple implementations.

Frequently Asked Questions

Related Projects

Laravel TALL Preset

A TALL (Tailwind CSS, Alpine.js, Laravel and Livewire) Preset for Laravel

Stars2,610

Forks210

Last commit3 months ago

Blade Icons

A package to easily make use of SVG icons in your Laravel Blade views.

Stars2,453

Forks164

Last commit7 days ago

WireUI

TallStack UI components

Stars1,782

Forks196

Last commit17 days ago

Livewire PowerGrid

⚡ PowerGrid generates modern, powerful and easy-to-customize data tables using Laravel Livewire.

Stars1,683

Forks244

Last commit5 days ago

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a project Star on GitHub