PHPackages                             redot/livewire-datatable - 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. [Framework](/categories/framework)
4. /
5. redot/livewire-datatable

Abandoned → [redot/datatables](/?search=redot%2Fdatatables)ArchivedLibrary[Framework](/categories/framework)

redot/livewire-datatable
========================

A Laravel package to easily handle server-side datatables in Livewire

v1.1.16(1y ago)01.7kMITPHPPHP ^8.1

Since Sep 3Pushed 1y agoCompare

[ Source](https://github.com/redot-src/livewire-datatable)[ Packagist](https://packagist.org/packages/redot/livewire-datatable)[ RSS](/packages/redot-livewire-datatable/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (5)Versions (18)Used By (0)

Livewire Datatable
==================

[](#livewire-datatable)

Livewire Datatable is a package that allows you to create a table with sorting, searching, and pagination without having to write a lot of code. It is built on top of [Livewire](https://laravel-livewire.com/) and uses [Tabler](https://tabler.io/) for the UI.

**Note:** This package doesn't include any CSS or JS files. You need to install [Tabler](https://tabler.io/) yourself, or publish the views and modify them to use your own CSS and JS files.

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

[](#installation)

You can install the package via composer:

```
composer require redot/livewire-datatable
```

Now you can run the following command to scaffold a new Datatable:

```
php artisan make:datatable UsersTable
```

Configuration
-------------

[](#configuration)

If you wish, you can publish the views and modify them to use your own CSS and JS files:

```
php artisan vendor:publish --tag=livewire-datatable-views
```

You can also publish the language files:

```
php artisan vendor:publish --tag=livewire-datatable-lang
```

Usage
-----

[](#usage)

Let's say you have a `User` model and you want to display a table of users. First, you need to create a Livewire component that extends the `Redot\LivewireDatatable\Datatable` class:

```