Filament Table Horizontal Scroll

A Filament v4 plugin that adds hover-triggered horizontal scroll zones to tables on desktop. When the cursor hovers over the leftmost or rightmost 10% of a table, a directional indicator appears and the table scrolls smoothly — no need to reach for the bottom scrollbar.

Requirements

• PHP ^8.2
• Filament ^4.0

Installation

1. Add the repository to your composer.json

"repositories": [
    {
        "type": "vcs",
        "url": "https://github.com/TappNetwork/Filament-Table-Horizontal-Scroll"
    }
]

2. Require the package

composer require tapp/filament-table-horizontal-scroll:dev-main

3. Register the plugin in your panel provider(s)

use Tapp\FilamentTableHorizontalScroll\FilamentTableHorizontalScrollPlugin;

public function panel(Panel $panel): Panel
{
    return $panel
        ->plugins([
            FilamentTableHorizontalScrollPlugin::make(),
        ]);
}

Behavior

• Only activates on desktop (viewport width ≥ 1024px)
• Indicator appears after hovering in a scroll zone for 200ms
• Scrolling begins at the same time the indicator becomes visible
• Crossing from one zone to the other resets the delay timer
• Has no effect on tables that do not overflow their container