PHPackages                             nyoncode/wire-table - 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. nyoncode/wire-table

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

nyoncode/wire-table
===================

Enterprise-grade Livewire table system with inline editing, optimistic locking, actions, bulk actions, and more.

0.0.2(2w ago)001MITPHPPHP ^8.2

Since May 22Pushed 2w agoCompare

[ Source](https://github.com/NyonCode/wire-table)[ Packagist](https://packagist.org/packages/nyoncode/wire-table)[ RSS](/packages/nyoncode-wire-table/feed)WikiDiscussions main Synced 1w ago

READMEChangelogDependencies (9)Versions (3)Used By (1)

WireTable
=========

[](#wiretable)

Enterprise-grade Livewire table component for Laravel. Inline editing, actions, bulk actions, filters, polling, modals, notifications, and more.

Features
--------

[](#features)

- **Columns** - 13 column types including text, badge, boolean, toggle, image, select, text input, button, icon, stacked, split, poll
- **Inline Editing** - TextInputColumn, SelectColumn, ToggleColumn with validation, permissions, optimistic locking
- **Actions** - Row actions, bulk actions, header actions, action groups with keyboard shortcuts
- **Modals** - Confirmation dialogs, form modals, multi-step wizards, slide-overs
- **Filters** - Select, date, date range, number range, ternary (yes/no/all)
- **Search** - Global search across multiple columns, relationship search, custom search callbacks
- **Sorting** - Column sorting with custom sort callbacks, default sort
- **Pagination** - Configurable per-page options, lazy loading
- **Polling** - Table-level and row-level polling with configurable intervals
- **Notifications** - Pluggable notification drivers (session, Livewire events, Flasher)
- **Responsive** - Stacked mobile layout, responsive column visibility
- **Sub-rows** - Expandable row content with filtering
- **Styling** - Striped, bordered, compact, hoverable, custom CSS classes

Requirements
------------

[](#requirements)

- PHP 8.2+
- Laravel 10, 11, or 12
- Livewire 3.x
- Tailwind CSS 3.x
- Node.js & npm (for Vite asset compilation)

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

[](#installation)

```
composer require nyoncode/wire-table
```

This automatically installs `wire-core` and `wire-forms` as dependencies. Service providers are auto-discovered.

### Tailwind CSS Setup

[](#tailwind-css-setup)

Add the Wire packages' Blade views to your Tailwind content paths:

**Tailwind 3** (`tailwind.config.js`):

```
export default {
    content: [
        './resources/**/*.blade.php',
        './app/**/*.php',
        './vendor/nyoncode/wire-core/resources/views/**/*.blade.php',
        './vendor/nyoncode/wire-forms/resources/views/**/*.blade.php',
        './vendor/nyoncode/wire-table/resources/views/**/*.blade.php',
    ],
    darkMode: 'class',
    plugins: [require('@tailwindcss/forms')],
}
```

**Tailwind 4** (`resources/css/app.css`):

```
@import "tailwindcss";
@plugin "@tailwindcss/forms";
@source "../../vendor/nyoncode/wire-core/resources/views";
@source "../../vendor/nyoncode/wire-forms/resources/views";
@source "../../vendor/nyoncode/wire-table/resources/views";
```

Then rebuild:

```
npm install -D @tailwindcss/forms
npm run build
```

### Layout Template

[](#layout-template)

Your layout needs Vite assets, Livewire, and the toast notification container:

```

    @vite(['resources/css/app.css', 'resources/js/app.js'])
    @livewireStyles

    {{ $slot }}

    @livewireScripts

```

> **Note:** Livewire 3 includes Alpine.js automatically. Do not add Alpine.js separately.

### Publish Config (optional)

[](#publish-config-optional)

```
php artisan vendor:publish --tag=wire-table-config
php artisan vendor:publish --tag=wire-core-config
php artisan vendor:publish --tag=wire-forms-config
```

### Publish Views (optional)

[](#publish-views-optional)

```
php artisan vendor:publish --tag=wire-table-views
php artisan vendor:publish --tag=wire-forms-views
php artisan vendor:publish --tag=wire-core-views
```

For the full installation guide including Vite setup and troubleshooting, see [Installation](docs/installation.md).

Quick Start
-----------

[](#quick-start)

### 1. Create a Livewire Component

[](#1-create-a-livewire-component)

```